問題タブ [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.
javascript - ロールアップによるツリーシェイク
Rollup (bundle.esm.js ファイルの生成) を使用してコンポーネント ライブラリをバンドルするプロジェクトがあります。これらのコンポーネントは、これらのコンポーネントを使用する Web ページを生成する別のプロジェクトで使用されます。各ページは異なるコンポーネントを使用しています。問題は、使用しているコンポーネントに関係なく、コンポーネント ライブラリ全体が常に異なるページ バンドルにバンドルされているため、バンドル サイズが不必要に大きくなっていることです。
これは私のロールアップ設定です:
webpackでも「モジュール」をfalseに設定しています。
javascript - 条件付き環境変数のツリーシェイキング
現在、環境変数に基づいて未使用のコードを削除しようとしています。以下のコードを実行ng build --prodして設定evironment.showDevTools = falseすると、最終的なビルド ファイルに含まれないことがenvironment.prod.ts予想さconsole.logれますが、残念ながら含まれています。私は何を間違っていますか？
main.js の一部