Webpack bundle all css и загрузить сначала

Question

Как связать весь файл css вместе и загрузить на верхней части головы, прежде чем документ загрузится с помощью webpack?

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