必要なスタイルについては、リンクタグまたは <style> の形式で導入されます。Webpack には、スタイルで CSS スタイルを抽出するための extract-text-webpack-plugin が提供されています。
次の方法で実装した場合:
リーリー
#このように、require css スタイルが .LK.css で終わる場合、リンクの形でページに埋め込まれます。簡単なテストを行うと、このソリューションは基本的に機能を実現できます。 Webpack に関する研究はあまり詳しくないため、そのようなソリューションが実際の開発に適用できるかどうか知りたいのですが?
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
はい、特に React / Vue テクノロジースタックでは、必要な最適化手法として導入できます。
CSS を静的ファイルに抽出した後、JS-in-CSS ソリューションと比較して解析時間を約半分節約できます。このプラグインはハッシュ サフィックスやその他の機能もサポートしており、その機能は運用環境での使用に十分です。