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'; 
     . 
     .