javascript - webpack は css ファイルをリンク形式またはスタイル形式にパッケージ化しますか?

Question

必要なスタイルについては、リンクタグまたは <style> の形式で導入されます。Webpack には、スタイルで CSS スタイルを抽出するための extract-text-webpack-plugin が提供されています。

次の方法で実装した場合:

リーリー

#このように、require css スタイルが .LK.css で終わる場合、リンクの形でページに埋め込まれます。簡単なテストを行うと、このソリューションは基本的に機能を実現できます。 Webpack に関する研究はあまり詳しくないため、そのようなソリューションが実際の開発に適用できるかどうか知りたいのですが?

Answer 1

はい、特に React / Vue テクノロジースタックでは、必要な最適化手法として導入できます。

CSS を静的ファイルに抽出した後、JS-in-CSS ソリューションと比較して解析時間を約半分節約できます。このプラグインはハッシュ サフィックスやその他の機能もサポートしており、その機能は運用環境での使用に十分です。