四月 17, 2019 in 技术

如何在Grunt任务中使用Babel? grunt-babel使用教程

ES6普及的范围越来越广,也就少不了ES6的转换器——babel。

本文假设你已经安装了grunt,如果没有,使用下面的命令:

npm install --save-dev grunt

安装grunt-babel:

npm install --save-dev [email protected] babel-core babel-preset-env

使用–save-dev来自动保存到package.json的devDependencies字段。

配置Gruntfile.js文件:

module.exports = function(grunt) {

  // Project configuration.
  grunt.initConfig({
    pkg: grunt.file.readJSON('package.json'),
    "babel": {
      options: {
        //sourceMap: true,
        presets: ['env']
      },
      dist: {
        files: {
          "dist/app.js": "src/app.js"
        }
      }
    }
  });

  // Load the plugin
  grunt.loadNpmTasks('grunt-babel');

  // Default task(s).
  grunt.registerTask('default', ['babel']);

};

也可以手动运行:

grunt babel