Префикс postcss для веб-пакетов в vue-cli 3

Question

Мне нужно добавить префикс классов Bulma css с помощью веб-пакета.Я нашел пример, но мое приложение использует Vue CLI 3, и я не уверен, как преобразовать конфигурацию веб-пакета в vue.config.js.

Это конфигурация веб-пакета

В моем vue.config.js у меня есть следующее:

  chainWebpack: config => {
    config.module
      .rule('css-prefixer')
      .use(['style-loader', 'css-loader'])
      .loader('postcss-loader')
      .tap(options => {
        // Prefixer goes here
        return options
      })
  }

, что дает некоторые внутренние ошибки веб-пакета.

Answer 1

Просто удалось сделать это в моем vue.config.js

const path = require('path')
const prefixer = require('postcss-prefixer')

module.exports = {
  css: {
    loaderOptions: {
      postcss: {
        plugins: [
          prefixer({
            prefix: 'b-'
          })
        ]
      }
    }
  }
}