reduxのリポジトリには一連の例があります。問題はそれらが開発ビルドのためであり、私はそれらをアプリケーションのテンプレートとして使用しているということです。Reduxの例 - バンドルの最適化
この特定の例 - https://github.com/reactjs/redux/blob/master/examples/real-world/webpack.config.js 4MBのbundle.jsを作成します。
コードを小さくしようとしましたが、バンドルのサイズを縮小できません。何が間違っているのですか？
それがバンドルされているかどうかを知ることができますか反応しますか？それはバンドルの大きさに大きな影響を与えます。あなたはwebpack.config.jsにこれを追加することで、ビルドから除外することができます
externals: {
"react": "React",
"react-dom": "ReactDOM"
}
次にあなたがローカルまたはCDN上でホストされている別のスクリプトタグを使用して個別に反応し、ReactDOM提供することになります。
minimizeとtree-shakeが必要です。
実施例は、redux-auto/exampleとして見出すことができる。あなたは、またhot-reloadingが付属しています=ザッツ1.16メガバイト420パーセントの節約
redux-auto例@npm buildnpm start対0.27メガバイト@を実行することにより、ES6を生産バンドルを生成することができ、あなたがそれを使用したい場合は& Reduxのに反応私はいけない。このレポについてだけで何かがあると思う - あなたはあなた自身のプロジェクトでこれを行うにしたい場合はベースとして
webpack.prod.js、まだ信じられないほど大きい2.8メガバイトまでバンドルを取っ
.babelrcチェックアウトまだ理解している。私はMB未満に縮小する別の定型文をチェックアウトしました – seasick