Как извлечь CSS из нескольких компонентов в один файл с помощью Vue Cli 3? - PullRequest
Новая
       7

Как извлечь CSS из нескольких компонентов в один файл с помощью Vue Cli 3?

0 голосов
/ 28 сентября 2018

Это то, что я пробовал в моем 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 в моем выходном каталоге, и я хотел бы объединить / оптимизировать все их в один файл.У меня есть несколько чанков, созданных динамическим импортом, и я не уверен, является ли это причиной.

В моем старом шаблоне веб-пакета с предыдущим CLI я использовал extract-text-webpack-plugin для работы, и она работала.

Iнашел некоторые обсуждения в проблемах ниже, но во время этого вопроса пока нет решений.

...