問題タブ [tree-shaking]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
0 に答える
1823 参照

angularjs - Angular 1.5 - webpack と babel 6 を使用したツリーの揺れ

非常に古いプロジェクトで、エクスプレスでAngular 1.5を使用しています。今、私はそれを改良する必要があります(再構築ではありません)。

私はいくつかのwebpack最適化を追加し、それをクライアント側に転送して、Angularアプリケーションをレンダリングし、サーバーコードをクライアントコードと分離していました。

私の最終目標は、webpack 2 と angular 1.5 を使用して完全なワークフローを作成し、ES6,6 の機能と最新のコード標準を使用することです。

すべてのモジュールをオンデマンドでロードできるように、コード分割やツリー シェーキングなどの webpack 2 機能を使用したいと考えています。

このために、webpack 構成を作成しました。から削除{modules: false}しても問題なく動作します.babelrcが、これを追加することはツリーの揺れに不可欠です。

私の問題は、これは、ツリーシェーキングを実装するために必要なほとんどすべてです。しかし、このすべての後でも、ビルド後の私の app.hash.js ファイルにはすべてangularlodashコードが含まれています。代わりにmoduleangularmapの場合とlodashの場合のみのコードにする必要があります。

これは私のアプリのインデックスです

これは私のwebpack confです

これは.babelrcファイルごとです