使用babel将es6转换为es5然后使用Browserify捆绑

使用es6功能（如导入和类），现在我明白浏览器不支持导入功能，我读here。我需要将es6代码转换为es5，之后我需要使用Browserify或gulp，webpack，browserify等将它们捆绑在一起。现在，问题就像这样：代码每次都会更改，我想检查结果，确实我需要每次重复此过程，然后才能看到结果？使用babel将es6转换为es5然后使用Browserify捆绑

来源

2016-01-28 Elad Israeli

是的，每次你改变某些东西时都需要重建它。看看watchify或更复杂的项目，您可能会考虑使用grunt或任何其他任务运行程序来自动执行此过程。

// first install watchify, babelify and babel-preset-es2015 
watchify script.js -o bundle.js -t [ babelify --presets [ es2015 ] ]

来源

2016-01-28 10:24:42 lupatus

好吧，但在我重建它之前，我需要翻译es6到es5然后budle它...有办法自动执行它吗？ –

看看我放在这里的例子，有babelify（包含browserify的babel插件），包含es2015预设 - 将在包装之前进行翻译 – lupatus

无法找到相对于目录“..”的预设“es2015”，可能会导致此问题问题，其次我需要给script.js之前，我巴贝尔它es5的权利？ –

使用babel将es6转换为es5然后使用Browserify捆绑

回答

相关问题