過大的文件大小通過browserify建成後+ reactify

我試圖通過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

任何想法如何解決呢？

來源

2016-05-18 Ivan

React和React-DOM庫在瀏覽時都非常大。嘗試將'NODE_ENV'設置爲'production'，然後重新構建。這通常從〜650 KB到〜250 KB。 – Scott

設置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

來源

2016-05-19 20:08:19

在反應/終極版/的WebPack /巴貝爾通過刪除腳本標籤類型文本/ babel來修復此錯誤

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

分成

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

來源

2016-10-08 16:04:43

過大的文件大小通過browserify建成後+ reactify

回答

相關問題