Webpack 捆绑所有 css 并首先加载

Question

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

Answer 1

根据我的理解，使用一个虚拟 .js 文件来构建一个 global/shared 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';
        .
        .

Webpack 捆绑所有 css 并首先加载

Webpack bundle all css and load first

webpack

webpack-dev-server

webpack-style-loader

angular