我遇到了一个奇怪的问题,需要你的帮助来弄清楚发生了什么。
我已经配置了 gulp 来构建我的测试React.js在 ES6 中。我用过browserify
设置 CommonJS 环境并babelify
以获得更大的 ES6 支持。一切正常,只是需要太长时间(在我看来)来构建如果React作为 CommonJS 模块是必需的。意思是这个
import React from 'react';
行将提高捆绑/编译时间1.2secs
到周围4secs
在初始构建中,当检测到任何更改时,它会花费大约2.5secs
重建js文件。当包含更多模块时,这个时间会迅速增加。我的解决方法是配置bower
将任何外部库公开为浏览器中的全局变量,不太喜欢这个解决方案。
这是我的主要browserify
setup:
function buildApp () {
return browserify({
entries: config.paths.jsx,
extensions: ['.jsx'],
debug: true
})
.bundle()
.on('error', onError)
.pipe(source('app.js'))
.pipe(gulp.dest(config.paths.dest));
}
并且通过添加变换packages.json
"browserify": {
"transform": [
"babelify"
]
}
我确实尝试过ignore
我的选项buildApp function
如下:
transform(babelify.configure({
ignore: /node_modules/
})
但这没有帮助。
据我所知,我正在使用最新的软件包,这意味着:
"babelify": "^6.3.0",
"browserify": "^11.2.0",
"react": "^0.14.0"
在节点 v4.1.0 上。有人有什么想法吗?无论如何,请分享。
P.S.
Here https://github.com/radical-edo/react-todos如果有人有时间并想仔细查看,则可以找到该存储库的链接。或者,也许,测试构建时间。