“咕噜”+巴贝尔成功地跑了，但什么也没做

Question

我对咕哝/npm还不太熟悉，但读完这些文档之后。我给自己做了package.json和Gruntfile.js。这是我的文件夹结构：

/
|- src
    |- myfile.es6
    |- anotherfile.es6
    |- etc.
|- Gruntfile.js
|- package.json

我所拥有的

这是我的Gruntfile

module.exports = function(grunt) {
    require('load-grunt-tasks')(grunt);

    grunt.initConfig({
        babel: {
            options: {
                sourceMap: true,
                plugins: ['es2015']
            },
            dist: {
                files: [{
                    expand: true,
                    cwd: 'src/',
                    src: ['*.es6'],
                    dest: 'dist/',
                    ext: '.js'
                }]
            }
        }
    });

    grunt.registerTask('default', ['babel'])
};

这是我的package.json

{
  "name": "Cheddar",
  "version": "0.2.0",
  "devDependencies": {
    "babel-preset-es2015": "^6.6.0",
    "grunt": "^1.0.1",
    "grunt-babel": "^6.0.0"
  },
  "scripts": {
    "test": "grunt --verbose"
  }
}

是干什么的呢？

我有我的src/文件夹，其中包含源文件(*.es6)。我想用grunt将这些内容转到dist/目录中。

我试过的

然后，我用npm install和npm-update --save安装了所有依赖项/ babel-cli / grunt-cli/等等。

看上去不错，所以我继续咕哝道：

$ grunt
Running "babel:dist" (babel) task

Done.
$ ls
Gruntfile.js  node_modules/  package.json  src/

ls输出的内容与我运行grunt之前完全相同。所以看上去什么都没发生。我的输出dist在哪里？这几个小时来一直困扰着我。我尝试过安装babelify，并在互联网上的博客上安装了很多其他的修复程序，但是遗憾的是，没有任何东西起作用。

Answer 1

尝试使用关键字“预设”代替“插件”：

babel: {
  options: {
      sourceMap: true,
      presets: ['es2015']
  }
  ...
}

当我使用您的配置时，grunt似乎出错了，因为它找不到名为“”的插件。在我做了那个改变之后一切都好起来了。

Answer 2

从自述中尝试一个更直截了当的例子：

grunt.initConfig({
    babel: {
        options: {
            sourceMap: true,
            presets: ['es2015']
        },
        dist: {
            files: {
                'dist/myfile.js': 'src/myfile.es6'
            }
        }
    } });

在完成这项工作之后，尝试在文件中指定*.es6等。如果你看看这个咕噜-巴贝尔插件的来源，它可能会比你想象的更有限。

您也可以直接使用npm scripts并指定babel命令行，我觉得这比使用grunt更简单。