我正在使用 webpack 4.26.1
(最新)。
该代码import('./images/header.csv')
产生以下错误:
未捕获(承诺)错误:在 webpackMissingModule (home.js:9) 找不到模块“./images/header.csv”
我的项目结构:
'project-dir/src/components/home.js' (im here)
'project-dir/src/components/images/header.csv'
我试图阅读https://webpack.js.org/api/module-methods/但除了添加我不理解的随机 webpack 评论外,我不明白该怎么做。
另外,从文档中,我可能会找到问题的根源,但我不确定我是否理解它以及如何解决它。
完全动态的语句,例如 import(foo),将会失败,因为 webpack 至少需要一些文件位置信息。这是因为 foo 可能是系统或项目中任何文件的任何路径。import() 必须至少包含有关模块所在位置的一些信息,因此可以将捆绑限制到特定目录或文件集。
包括可能在 import() 调用中请求的每个模块。例如, import(
./locale/${language}.json
) 将导致 ./locale 目录中的每个 .json 文件捆绑到新块中。在运行时,当变量语言被计算出来后,任何像english.json 或 German.json 这样的文件都可以使用。使用 webpackInclude 和 webpackExclude 选项允许我们添加正则表达式模式,以减少 webpack 将为此导入捆绑的文件。
除了为我提供解决方案之外,我还将感谢任何涵盖我的代码实际问题的答案。
谢谢你。