Добавление конфигурации pug-plain-loader в vue.config.js

Question

У меня есть проект, созданный с помощью Vue CLI , и теперь я хочу использовать Мопс с моими Отдельными файловыми компонентами , то есть .vue файлами.

Для этого я начал следовать этой документации vue-loader и установил pug и pug-plain-loader с командой npm install -D pug pug-plain-loader. И следующий шаг предлагает вставить следующее в webpack.config.js

// webpack.config.js -> module.rules
{
  test: /\.pug$/,
  loader: 'pug-plain-loader'
}

Но, используя Vue CLI, у меня нет явного файла конфигурации webpack, но vue.config.js.

Итак, как добавить такую ​​pug-plain-loader конфигурацию в vue.config.js (предпочтительно с использованием webpack-chain )?

Мой текущий vue.config.js, уже имеющий svg-loader, выглядит следующим образом:

module.exports = {
  // ...
  chainWebpack: (config) => {
    const svgRule = config.module.rule('svg')
    svgRule.uses.clear()
    svgRule
      .use('vue-svg-loader')
      .loader('vue-svg-loader')

    //TODO: add pug-plain-loader configuration here
  }
}