使用grunt-browserify打包

Question

我尝试使用ES6模块语法，从而将几个JS文件(包含导入和导出语句)打包到一个浏览器可读的文件中。

我没有得到错误，那么为什么我的两个源文件在这里，而不是编译成我的一个目标文件？我在这个管道中遗漏了什么属性？谢谢

module.exports = function(grunt) {
    grunt.initConfig({
        pkg: grunt.file.readJSON('package.json'),
        browserify: {
            development: {
                src: [
                    "src/js/test_file_one.js",
                    "src/js/test_file_two.js"
                ],
                dest: 'assets/js/es6_script.min.js',
                options: {
                    browserifyOptions: { debug: true },
                    presets: ['@babel/preset-env']
                }
            }
        },
        watch: {
            js: {
                files: "src/js/*.js",
                tasks: "browserify"
            }
        }
    });
    grunt.loadNpmTasks('grunt-contrib-watch');
    grunt.loadNpmTasks('grunt-browserify');
    grunt.registerTask('default', ['watch']);
    grunt.registerTask('build', 'grunt-browserify');
};

Answer 1

当不使用原始的巴别塔和巴别塔预设时，这变得很奇怪，大多数答案倾向于参考。我需要运行一个browserify转换：

browserify: {
    dist: {
        src: [
            "src/js/toasts.js",
            "src/js/test.js"
        ],
        dest: 'assets/js/es6_script.min.js',
        options: {
            browserifyOptions: { debug: true },
            transform: [['babelify', { presets: ["@babel/preset-env"] }]],
        }
    }
}