使用Babel将React与模块转换集成到构建流程中

时间:2015-07-14 16:02:41

标签: reactjs amd commonjs babeljs es6-module-loader

我目前在使用babel进行模块转换时遇到问题。

当我使用babel将代码转换为AMD模块时,我可以通过包含requirejs库使其在浏览器中工作。但是,当我试图对这个等式做出反应时,我们遇到了一些麻烦,因为反应对AMD不起作用。我们遇到不匹配错误(http://requirejs.org/docs/errors.html#mismatch)导致react在vendor.js文件中同步加载。

如果我尝试相反,使用commonjs,因为它是babel使用的默认模块规范,我不知道如何使它在浏览器中工作。在前一个示例中没有像requirejs这样的库,浏览器会出现错误,如"导出未定义"。试图包括像es6-module-loader或babel browerser polyfill这样的东西,但没有太大的成功。

ps:构建流程正在使用broccolijs。

1 个答案:

答案 0 :(得分:0)

似乎答案在webpack中。在使用babel将代码转换为西兰花中的es5之后,我使用了broccoli webpack插件来准备好已编译的代码浏览器。