时间戳

首页 > 解决方案 > 如何在 Webpack 中动态要求 JSON 文件？

javascript - 如何在 Webpack 中动态要求 JSON 文件？

问题描述

我有一堆需要动态处理的 json 文件require：

export const allLanguages = R.fromPairs(availableLanguages.map(language => {
  return [
    language,
    {
      translation: require('./' + language + '.json'),
      formats
    }
  ] as [Language, any]
}))

但是我Error: Cannot find module './ar.json'在运行的时候得到了webpack --watch，我可以看到json文件没有被复制到构建目录中。

所以我尝试添加{from: 'common/i18n/*.json'}到 CopyWebpackPlugin 参数，现在 json 文件被复制到正确的位置，但我仍然Error: Cannot find module './ar.json'在运行webpack --watch. 似乎它们是在构建之后而不是在构建之前复制的，因此是错误的。

似乎有允许在构建 CopyWebpackPlugin 之前复制文件的功能请求：https ://github.com/webpack-contrib/copy-webpack-plugin/issues/195

在 Webpack 中处理这个问题的正确方法是什么？

标签： javascriptjsontypescriptwebpackwebpack-4

解决方案

推荐阅读