postcss-загрузчик через chainWebpack в vue.config.js - PullRequest
Новая
       39

postcss-загрузчик через chainWebpack в vue.config.js

0 голосов
/ 28 октября 2019

Я хочу добавить стандартную конфигурацию postcss-loader внутри моего vue.config.js через chainWebpack. Но я не могу узнать, как перевести код конфигурации веб-пакета по умолчанию в цепочечный вариант.

это рекомендуемая настройка по умолчанию для postcss-loader: 

module.exports = {
  module: {
    rules: [
      {
        test: /\.css$/,
        use: [
          'style-loader',
          { loader: 'css-loader', options: { importLoaders: 1 } },
          'postcss-loader'
        ]
      }
    ]
  }
}

это то, что яДо сих пор пытался в моем vue.config.js: 

chainWebpack: config => {

  config.module
    .rule('postcss')
    .test(/\.css$/)
    .use('postcss-loader')
    .tap(options => {
      options.importLoaders = 1;

      return options;
    });
},

, но это просто не с: TypeError: Cannot set property 'importLoaders' of undefined

, если честно, я понятия не имею, что именно я здесь делаю.

обновление: Кажется, что работает следующий код - но пока не могу подтвердить это, потому что я получаю ошибки, которые могут или не могут быть связаны 

config.module
  .rule('postcss')
  .test(/\.css$/)
  .use('postcss-loader')
  .tap(options =>
    _merge(options, {
      importLoaders: 1,
    }),
  )
  .loader('css-loader');

(_ слияние merge из lodash)

...