Das redux-Repository enthält eine Reihe von Beispielen. Das Problem ist, dass sie für Entwicklungs-Builds sind und ich sie als Vorlage für eine App verwende.Redux-Beispiele - Bündeloptimierung
Dieses spezielle Beispiel - https://github.com/reactjs/redux/blob/master/examples/real-world/webpack.config.js Erstellt ein Bundle.js, das 4 MB ist.
Ich habe versucht, den Code zu reduzieren, aber ich kann die Größe des Bündels nicht verkleinern. Was mache ich falsch?
Können Sie sagen, ob es auch React bündeln? Das wäre eine große Ergänzung für die Größe des Bündels. Sie können es aus dem Build ausschließen, indem Sie dies webpack.config.js Zugabe:
externals: {
"react": "React",
"react-dom": "ReactDOM"
}
Dann würde man reagieren und ReactDOM separat über einen anderen Skript-Tag lokal oder auf einem CDN gehostet.
Sie müssen minimize und tree-shake.
Ein Arbeitsbeispiel kann als redux-auto/example gefunden werden. Sie können, indem Sie npm build @ 0.27MB vsnpm start @ 1.16 MB = Das ist eine Ersparnis von 420%
Das redux-auto Beispiel kommt auch mit hot-reloading, ES6, Reaktion & Redux ein Produktionspaket generieren, wenn Sie es verwenden möchten als Basis
Wenn Sie dies in Ihrem eigenen Projekt machen wollen überprüfen webpack.prod.js und .babelrc
dass das Bündel auf 2,8 MB nahm nach unten, die nach wie vor unglaublich groß ist - ich denke, es ist nur etwas über dieses Repo, die ich nicht verstehe noch. Ich habe einen anderen Textbaustein ausgecheckt, der um weniger als einen MB verkleinert – seasick