2016-05-18 36 views
1

我试图通过browserify + reactify建立我简单Reactjs应用程序,但看到错误控制台过大的文件大小通过browserify建成后+ reactify

注:码发生器deoptimised造型“http://localhost:8000/app.js”,因为它超过了“100KB”的最大值。

//index.js size 5KB 
var React = require('react'); 
var ReactDOM = require('react-dom'); 
var CommentList = React.createClass({...}); 
//terminal 
browserify -t reactify index.js > app.js //after that size more than 600KB 

任何想法如何解决呢?

+2

React和React-DOM库在浏览时都非常大。尝试将'NODE_ENV'设置为'production',然后重新构建。这通常从〜650 KB到〜250 KB。 – Scott

回答

1

设置NODE_ENV环境VAR这样运行browserify前:

NODE_ENV=production browserify -t reactify index.js > app.js 

如果包文件大小仍然过大,可以考虑使用uglify

NODE_ENV=production browserify -t reactify index.js | uglifyjs -c > app.js 
1

在反应/终极版/的WebPack /巴贝尔通过删除脚本标签类型文本/ babel来修复此错误

<script type="text/babel" src="/js/bundle.js"></script> 

分成

<script src="/js/bundle.js"></script>