json - 使用 webpack 将 YAML 预编译为 JSON

Question

在我的页面上，我想使用 i18next 和 Vue.js 来显示翻译后的文本。为此，我想使用 YAML 文件以获得更好的可维护性。在 Stackoverflow 上，我发现了这个老问题，@steve-hynding 在其中发布了一种配置 webpack 以将 YAML 文件预编译为 JSON 的方法。但是，他使用的语法（使用规则数组）在我的情况下不起作用，因为我们使用的是 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 并将其放入公共目录中的指定文件夹中？

标签： jsonwebpackyamli18nextwebpack-file-loader