如何将 i18n 依赖项添加到 Vue.js' webpack 配置中？

Question

有此条目：

module: {
  rules: [
    {
      [...]
      }
    },
    {
      test: /.vue$/,
      loader: 'vue-loader',
      options: vueLoaderConfig
    },
[...]

如何添加另一个加载程序，以具有此vue-i18n-loader依赖关系？：

module: {
    rules: [{
      test: /.vue$/,
      loader: 'vue',
      options: {
        loaders: {
          i18n: '@kazupon/vue-i18n-loader'
        }
      }
    }]
  }

此表格失败：

  {
    test: /.vue$/,
    loader: 'vue-loader',
    options: {
      loaders: {
        vueLoaderConfig,
        i18n: '@kazupon/vue-i18n-loader'
      }
    }
  },

Answer 1

您可以将i18n: '@kazupon/vue-i18n-loader'直接添加到vueLoaderConfig。或使用此：

{
  test: /.vue$/,
  loader: 'vue-loader',
  options: {
    ...vueLoaderConfig,
    loaders: {
       ...vueLoaderConfig.loaders,
       i18n: '@kazupon/vue-i18n-loader'
    }
  }
},