Webpack將所有css加載並首先加載

Question

如何在使用webpack加載文檔之前將所有css文件打包在一起並加載到頭頂部？

Answer 1

從我的理解，使用一個虛擬的.js文件，以便建立一個全局/共享的CSS導入所需的CSS文件可能是一個解決方案。 我不知道這是否是最佳做法，但適用於我。 另一種方法可能是將Webpack與Gulp一起使用，但這意味着每個構建都需要額外的步驟。

所以在webpack.config.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'] 
     }, 

在全局CSS-generator.js文件，我只是導入需要較少的文件：

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