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']
        },

在global-css-generator.js文件中，我只导入所需的较少文件：

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

Webpack捆绑所有css并首先加载

1 个答案: