grunt 运行babel 总是报错,scss转css可以成功,求各位哥哥指教

Question

gruntfile.js module.exports = function (grunt) { // Project configuration. grunt.initConfig({ //Read the package.json (optional) pkg: grunt.file.readJSON('package.json'), // Metadata. meta: { srcJsPath: './static/js/', srcSassPath: './static/css/', srcImgPath: './static/images/', distPath: './static/dist/' }, //babel babel: { options: { sourceMap: true, presets: ['env'] }, dist: { files: [{ expand:true, cwd:'static/js/', //js目录下 src: '*.js', //所有js文件 dest:'static/dist/' //输出到此目录下 }] } }, // sass sass: { dist: { options: { style: 'compressed', sourcemap: 'none' }, files: [ {'<%= meta.distPath %>nav_list.css': '<%= meta.srcSassPath %>nav_list.scss'}, ] } }, watch: { build: { files: [ '<%= meta.srcJsPath %>*.js', '<%= meta.srcSassPath %>*.scss', ], tasks: ['sass'] } } }); grunt.loadNpmTasks('grunt-babel'); grunt.loadNpmTasks('grunt-contrib-sass'); grunt.loadNpmTasks('grunt-contrib-watch'); // 默认被执行的任务列表。 grunt.registerTask('default', ['sass', 'babel', 'watch']); }; 项目目录是这样的 运行grunt 总报错 scss可以转换成功，es6转es5不能成功

Answer 1

没有用 grunt 结合 babel 编译过代码，不过从错误信息看来，应该是没有找到 env 这个 babel preset。你的 babel 配置项中指定了

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

试试先安装一下 babel-preset-env

npm install babel-preset-env --save-dev

我推测的，希望有帮助