1

我正在使用 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 将为此导入捆绑的文件。


除了为我提供解决方案之外,我还将感谢任何涵盖的代码实际问题的答案。

谢谢你。

4

0 回答 0