Webpack 捆绑所有 css 并首先加载答案

【问题标题】：Webpack bundle all css and load firstWebpack 捆绑所有 css 并首先加载
【发布时间】：2017-02-03 12:27:20
【问题描述】：

如何在使用 webpack 加载文档之前将所有 css 文件捆绑在一起并加载到头顶？

【问题讨论】：

标签： angular webpack webpack-dev-server webpack-style-loader

【解决方案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']
        },

在 global-css-generator.js 文件中，我只导入需要的 less 文件：

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

【讨论】：