Javascript Babel与Grunt一起使用时的工作方式与与与Webpack一起使用时的工作方式不同

Javascript Babel与Grunt一起使用时的工作方式与与与Webpack一起使用时的工作方式不同,javascript,gruntjs,webpack,ecmascript-6,babeljs,Javascript,Gruntjs,Webpack,Ecmascript 6,Babeljs,我有一个项目使用Babel作为Webpack,将ES6代码转换成普通的Js。这非常有效,包括导入的类等,请参见下文 结果: var _Person = __webpack_require__(2); var vic = new _Person.person("Fred McIntire", "Web Developer"); vic.EchoProperties(); Webpack.config.js module: { loaders: [{ test: /\.j

我有一个项目使用Babel作为Webpack,将ES6代码转换成普通的Js。这非常有效,包括导入的类等,请参见下文

结果:

var _Person = __webpack_require__(2);

var vic = new _Person.person("Fred McIntire", "Web Developer");
vic.EchoProperties();
Webpack.config.js

module: {
    loaders: [{
        test: /\.js$/,
        exclude: "/node_modules/",
        loader: ['babel'],
        query: {
            presets: ['es2015']
        }
    }]
},
    babel: {
        options: {
            sourceMap: true,
            presets: ['es2015'],
            plugins: ['transform-es2015-modules-amd']
        },
        dist: {
            files: {
                'assets/js/transpiled/app.es6.js': 'assets/js/custom/app.js'
            }
        }
    },
然而,当在另一个项目中使用Grunt的Babel时,即“Grunt Babel”插件,我注意到它默认情况下会将导入传输到CommonJs中,并且不包括导入的类

结果

var _Person=require("./modules/Person"),
vic=new _Person.person("Fred McIntire","Web Developer");

vic.EchoProperties();
grunfile.js

module: {
    loaders: [{
        test: /\.js$/,
        exclude: "/node_modules/",
        loader: ['babel'],
        query: {
            presets: ['es2015']
        }
    }]
},
    babel: {
        options: {
            sourceMap: true,
            presets: ['es2015'],
            plugins: ['transform-es2015-modules-amd']
        },
        dist: {
            files: {
                'assets/js/transpiled/app.es6.js': 'assets/js/custom/app.js'
            }
        }
    },
(我包括了“插件:['transform-es2015-modules-amd']”,仅用于测试目的)

我希望grunt babel能够传输到:(包括进口)

不是

因此,如何更新grunt babel的gruntfile.js设置,以便以与Webpack相同的方式进行操作


提前感谢…

您要求在不使用Webpack的情况下实现Webpack:p如果您希望它包含在单个文件中,这就是Webpack的用途,
grunt babel
将主要用于处理一组单独的文件,然后手动加载其中的每个文件。您是对的。。。我没看到,愚蠢的错误。。。但是,是否可以在项目中包含webpack.config.js,并以某种方式在grunfile.js中作为任务启动和激发??或者有没有一个插件可以帮助将代码直接传输到普通的js?刚刚发现有了“grunt webpack”插件就可以了。。。感谢您的建议您要求在不使用Webpack的情况下实现Webpack:P如果您希望将其放在单个文件中,这就是Webpack的用途,
grunt babel
主要用于处理一组单独的文件,然后手动加载其中的每个文件。您是对的。。。我没看到,愚蠢的错误。。。但是,是否可以在项目中包含webpack.config.js,并以某种方式在grunfile.js中作为任务启动和激发??或者有没有一个插件可以帮助将代码直接传输到普通的js?刚刚发现有了“grunt webpack”插件就可以了。。。谢谢你的指点