如何使用vue cli 3将多个组件中的CSS提取到单个文件中?

时间:2018-09-28 20:28:53

标签: webpack-4 vue-cli mini-css-extract-plugin

这是我在vue.config.js中尝试过的事情:

module.exports = {
  configureWebpack: {
    optimization: {
      splitChunks: {
        cacheGroups: {
          styles: {
            name: 'styles',
            test: /\.css$/,
            chunks: 'all',
            enforce: true,
          },
        },
      },
    },
  },
  css: {
    sourceMap: devMode,
    extract: {
      filename: 'main.css',
    },
  },
};

我的输出目录中有多个CSS文件,我想将所有CSS文件合并/优化到一个文件中。我通过动态导入创建了多个块,不确定是不是原因。

在带有以前的CLI的旧webpack模板中,我使用extract-text-webpack-plugin来完成工作,

我在下面的问题中找到了一些讨论,但是在提出这个问题时还没有解决方案。

0 个答案:

没有答案