使用babel-polyfill与grunt和browserify

时间:2016-06-17 01:33:06

标签: javascript gruntjs babel polyfills

我的grunt构建系统转换了我的javascript(也使用了反应)。 不幸的是,它没有转变承诺。为此,我需要一个polyfill。 我想在我的grunt构建系统中加入babel-polyfill。 我的构建系统使用browserify以及babelify和es2015预设。

如何在混合物中加入babel-polyfill?

这是我的......

在gruntfile.js中,这里是我使用browserify的地方

browserify: {
  dist: {
    options: {
      watch: true,
      transform: [["babelify", {presets: ['es2015', 'react']}], ["envify", {NODE_ENV: 'development'}]]
    },
    files: {
      'dist/js/app.js' : 'src/js/main.js'
    }
  },
  build: {
    options: {
      transform: [["babelify", {presets: ['es2015', 'react'], compact: true }], ["envify", {NODE_ENV: 'production'}]]
    },
    files: {
      'dist/js/app.js' : 'src/js/main.js'
    }
  }
},

这是我的babelrc文件

{
 "presets": [ "react", "es2015" ]
}

谢谢!

1 个答案:

答案 0 :(得分:3)

假设babel-polyfill被包含为依赖项,在条目文件'src / js / main.js'的顶部添加以下行:

import "babel-polyfill";

无需在GruntFile.js中执行任何操作