Webpack bundle all css and load first

Question

webpackを使用してドキュメントをロードする前に、すべてのCSSファイルをバンドルしてヘッドの上部にロードするにはどうすればよいですか？

Answer 1

ダミーの.jsファイルを使用して、必要なCSSファイルをインポートするグローバル/共有のCSSバンドルを作成するだけの解決策があります。 これはベストプラクティスかどうかわかりませんが、私にとってはうまくいきます。 WebpackとGulpを併用する方法もありますが、すべてのビルドで追加の手順が必要になることを意味します。私はちょうど必要な以下のファイルをインポートし、グローバル-CSS-generator.jsファイルで

 entry: { 
      'product-detail': './Assets/js/pages/product-detail.js', 
      'product-list': './Assets/js/pages/product-list.js', 
      'global-css-generator': './Assets/js/global-css-generator.js' 
      'common-bundle': ['jquery'] 
     }, 

：webpack.config.jsでそう

私はエントリなどを持って

 import './../../less/bootstrap.less'; 
     import './../../less/global.less'; 
     . 
     .