使用Webpack将YAML预编译为JSON

Question

在我的页面上，我想使用i18next和Vue.js来显示翻译后的文本。为此，我想使用YAML文件以获得更好的可维护性。在Stackoverflow的这里，我发现了this old question，@ steve-hynding在这里发布了一种配置webpack的方法，以将YAML文件预编译为JSON。但是，在我的情况下，他使用的语法（与rule数组一起使用）不起作用，因为我们使用的是chainWebpack。我试图重写规则，但是它什么也没做。

  chainWebpack: config => {
    config.module
      .rule('yaml')
      .test(/.\.yaml$/)
      .use('file-loader')
      .loader('file-loader')
      .options({
        name: '[path][name].json',
        context: 'src'
      })
      .end()
      .use('yaml-loader')
      .loader('yaml-loader')
      .end();
  }

如何使webpack从指定的文件夹中提取* .yaml文件，将其编译为JSON并将其放入公共目录的指定文件夹中？