大きすぎるファイルサイズbrowserify +

Question

をreactify経由して構築した後、私はbrowserify + reactifyを経由して、私の簡単なReactjsアプリケーションを構築しようとしていますが、コンソールに

をエラーを参照してください。注：コードジェネレータがスタイリングを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 

任意のアイデアをどのようにそれを解決するには？

Answer 1

このようbrowserify実行する前NODE_ENV環境VARの設定：

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

バンドルファイルのサイズがまだ大きすぎる場合、uglifyを使用して検討してください。

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

Answer 2

で反応/ Reduxの/ WebPACKの/バベルスクリプトタグタイプのテキスト/バベルを削除してこのエラーを修正しました

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

中

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