我无法配置Gruntfile.js将多个JS文件转换为一个

时间:2018-06-11 09:58:27

标签: gruntjs grunt-babel

我已经用babel(和concat)替换了uglify,因此我将多个ES6文件连接到一个分发JS文件中。我喜欢连接到dist文件夹,让babel转换并覆盖文件,但这样做,babel无法使用dist FOLDER,警告:     无法找到相对于目录

的预设“env”

我做错了什么?

我的Gruntfile.js:

module.exports = function(grunt) {
    grunt.initConfig({
      pkg: grunt.file.readJSON('package.json'),
      concat: {
        options: {
          /*sourceMap: true,
          sourceMapStyle: "link"*/
        },
        dist: {
          src: [
            "js/file1.js",
            "js/file2.js",
            "js/file3.js",
            "js/file4.js",
            "js/file5.js"
          ],
          dest: "js/script.concat.js"
        }
      },
      babel: {
        options: {
          presets: ["env"],
          /*sourceMap: true,*/
          minified: true
        },
        dist: {
          files: [{"../dist/js/script.min.js" : "js/script.concat.js"}]
        }
      },
      watch: {
        js: {
            files: ["js/file1.js", "js/file2.js", "js/file3.js", "js/file4.js", "js/file5.js"],
          tasks: ["concat:dist", "babel:dist"]
        }
      }
    });
    grunt.loadNpmTasks('grunt-contrib-concat');
    grunt.loadNpmTasks('grunt-babel');
    grunt.loadNpmTasks('grunt-contrib-watch');
    grunt.registerTask('default', ['watch']);
    grunt.registerTask('build', ['concat:dist', 'babel:dist']);
};

0 个答案:

没有答案