Webpack-dev-server 和 react-i18next XHR 后端答案

【问题标题】：Webpack-dev-server and react-i18next XHR backendWebpack-dev-server 和 react-i18next XHR 后端
【发布时间】：2020-04-12 15:53:52
【问题描述】：

我正在尝试使用i18next-xhr-backend 作为加载程序和webpack-dev-server 作为服务器来集成react-i18next。我面临的问题是，因为我是通过 XHR 加载这些语言环境文件，而不是通过经典导入，所以它们不会出现在最终包中。现在有谁可以将这些语言环境作为静态文件提供服务？到目前为止，我尝试使用copy-webpack-plugin 复制文件，但有时它会卡在 98%，我有这种感觉，我错过了一些东西。也许以某种方式从内存中提供文件并将这种方法仅用于生产构建？我将分享我的 webpack 配置。

如果有人可以帮助我，我将不胜感激，但我不知道如何解决这个问题。欢迎任何想法。

const config = {
  mode: 'development',
  entry: ['./src/index.tsx'],
  output: {
    filename: '[name].js',
    chunkFilename: '[name].js',
    publicPath: '/',
  },
  ...
  plugins: [
    new CopyPlugin(
      [
        {
          from: './src/locales',
          to: '../build/locales',
          toType: 'dir',
          force: true,
        },
      ],
      { copyUnmodified: true }
    ),
  ],
  devServer: {
    port: 3000,
    historyApiFallback: true,
    hot: true,
  },
}

【问题讨论】：

标签： reactjs webpack webpack-dev-server react-i18next

【解决方案1】：

我发现我对这个问题有不好的看法。要在开发服务器上公开语言环境文件，您只需使用 publicPath 属性，因此不需要 copy-webpack-plugin。您应该只将它用于生产构建。

【讨论】：