Gruntfile中怎么配置babel以便支持generator函数

Question

最近在用babel测试一些es6的特性，发现默认babel是不支持generator函数的，总是报regeneratorRuntime未定义，官方提示是需要Babel polyfill 或者 regenerator runtime 的支持，于是我修改了下gruntfile配置文件如下

browserify: {

 dist: {
    options: {
       sourceMap: true,
       transform: [
          ["babelify"]
       ],
       require: [
          './node_modules/babel-polyfill'
       ]
    }，
    ...

这么配置后，babel编译后的代码中总算有了regeneratorRuntime这个函数，但是没有并没有调用,于是我修改下babel编译后的代码，在向require函数传参时，将最后一个参数[1]改成["/node_modules/regenerator-runtime/runtime"]，就能正常运行了，但这个总不是办法。目前我是手工把<script src="node_modules/regenerator-runtime/runtime.js"></script>嵌在网页上使用，虽然能解决问题，但用着也不爽。有什么办法，能直接在Gruntfile以及babelrc配置文件中修改后就能使babel支持全部es6功能不？

Answer 1

好像是这样吧，虽然我没怎么用过grunt,

先安装babel-plugin-transform-regenerator:

npm install --save-dev babel-plugin-transform-regenerator

然后再配置gruntfile.js：

browserify: {
dist: {
    options: {
       sourceMap: true,
       transform: [
          ['babelify', {plugins: ['transform-regenerator']}]
       ]
    }，
    ...
}

尽管不确定，你还是试试吧！^^

Answer 2

这个是babel5的写法，我是babel7，不过按照babel7的写法也是不行的。