問題タブ [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.
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 ファイルにはすべてangular
とlodash
コードが含まれています。代わりにmodule
、angularmap
の場合とlodashの場合のみのコードにする必要があります。
これは私のアプリのインデックスです
これは私のwebpack confです
これは.babelrc
ファイルごとです