問題タブ [tree-shaking]

• Lodash@4.17.4

• Webpack@3.8.1

• バベル@7

• babel-plugin-lodash@3.3.2

  Lodashに関しては、名前付きインポートを使用します。@babel/preset-env を「modules」を false に設定して構成し、Common JS への変換を防ぎ、「babel-loader」構成でプラグインとして「lodash」を使用しました。これらすべてにもかかわらず、チャンクにLodash全体が含まれており、大幅に肥大化していることに気付きました. lodash がプルーニングされないようにするにはどうすればよいですか? ライブラリ全体を自分のコードにインポートしたり、チェーンを使用したりしていません。

https://fontawesome.com/how-to-use/on-the-web/using-with/sassで説明されている方法を使用するsrcと、React プロジェクトのフォルダーに約 2.8MB の Web フォントが蓄積されることになると思います. カレンダー スタイルにアイコンを追加するために CSS を使用する必要がありますが、それはツリーの揺れに影響しませんか? つまり、1 つのアイコンを使用するためだけに、巨大なパッケージ サイズになってしまうのではないでしょうか。