在npm脚本部分中使用webpack来反编译es6

Question

使用browserify，我可以通过将此代码添加到package.json - > scripts来将es6反编译为es5。

如何使用webpack和npm脚本来做到这一点？

"build-modular": "browserify index.js -t babelify -o index-bundle.js" 

Answer 1

在webpack代替转换使用装载机。通常你在一个webpack配置文件中配置加载器。但是，您也可以bind loaders in the command line。

当你想babelify你index.js文件，你需要安装相应的babel-loader和所需的巴贝尔包：

npm install --save-dev webpack babel-core babel-loader babel-preset-es2015 

现在你可以创建你的构建脚本条目是这样的：

"build-modular": "webpack index.js index-bundle.js --module-bind 'js=babel?presets[]=es2015'" 

并运行它：

npm run build-modular