Веб-пакет: глобальные (комбинированные) и отдельные файлы из одной конфигурации веб-пакета

Question

Я пытаюсь выполнить sh что-то в веб-пакете, что у меня не получается, поэтому я обратился к Stack Overflow за советом.

Короче, у меня есть конфигурация веб-пакета, которая берет все s css файлов в папке "_dev / css /" и выводит их как один объединенный css файл в "assets / css". Это мой глобальный css файл, и пока он великолепен.

Однако я хочу добавить дополнительные css файлы в "_dev / css / pages /", но я не хочу, чтобы они были включены в окончательном объединенном файле css. Вместо этого я хочу, чтобы каждый файл s css в папке выводился в один соответствующий файл в "assets / pages / filename. css"

Например,

"dev2 / pages /index.scss"

"dev2 / pages / cart.s css"

будет go компилироваться в:

"assets / pages / index. css "

" assets / pages / cart. css "

И, конечно, мой глобальный файл для всего, что не находится в папке" pages ", должен продолжать компилироваться в один объединить css файл, как он уже делает.

У меня есть следующий файл webpack.config. js, но я не уверен, как изменить его для достижения sh выше, любая помощь будет приветствоваться:

let config = {
    devtool: 'source-map',
    entry: {
    main: [
      './css/theme.scss'
    ]
  },
  module: {
    rules: [
      {
        test: /\.scss$/,
        use: ExtractTextPlugin.extract({
          fallback: 'style-loader',
          use: [
            {
              loader: 'css-loader',
              options: {
                minimize: true,
                sourceMap: true,
              }
            },
              {
                  loader: 'sass-loader',
                  options: {
                      sourceMap: true,
                  },
              },
            'postcss-loader',
          ]
        })
      },
      {
        test : /\.css$/,
        use: ['style-loader', 'css-loader', 'postcss-loader']
      }
    ]
  },
  plugins: [
    new ExtractTextPlugin(path.join('..', 'css', 'theme.css'))
  ]
};