Как экспортировать несколько файлов css с помощью vue-cli?

Question

Как я могу экспортировать несколько файлов css при создании проекта? У меня есть несколько файлов scss темы, я импортирую их по одному каждый раз, когда хочу создать свой проект. На это уходит очень много времени. Как я могу экспортировать их по отдельности при сборке проекта?

Когда я собираю свой проект, я получил это: app.css, я хочу получить это: theme_1.css, theme_2.css, theme_3.css

Я приближаюсь к использованию chainWebpack, но этот подход не включает (извлечение) scss из компонентов vue...

config.entry(‘theme’)
.add(’./src/scss/_theme_1.scss’)
.end();

это мой текущий vue.config.js

module.exports = {
  lintOnSave: false,
  css: {
    loaderOptions: {
      sass: {
        prependData: '\n          @import "@/scss/base.scss";\n        ',
      }
    }
  },

  pluginOptions: {
  },

  chainWebpack: config => {
  config.optimization.delete('splitChunks')
},

  runtimeCompiler: true
}