如何配置动态加载?

时间:2018-12-01 21:05:55

标签: javascript webpack dynamic-import

我正在使用webpack Scanner scan = new Scanner (System.in); if (scan.hasNextLine()) { String s = scan.nextLine(); if (s.length() > 0) { char mainMenu = s.charAt(0); System.out.println(mainMenu); } } scan.close(); (最新)。

代码4.26.1产生以下错误:

  

未捕获(承诺)错误:找不到模块'./images/header.csv'       在webpackMissingModule(home.js:9)

我的项目结构:

import('./images/header.csv')

我尝试阅读https://webpack.js.org/api/module-methods/,但除了添加我不理解的随机Webpack注释之外,不理解该怎么做。

也可以从文档中找到问题的根源,但我不确定我是否理解问题以及如何解决。

  

完全动态的语句(例如import(foo))将失败,因为webpack至少需要一些文件位置信息。这是因为foo可能是系统或项目中任何文件的任何路径。 import()必须至少包含有关模块位置的某些信息,因此捆绑可以限制为特定目录或文件集。

     

包括了可能会在import()调用中请求的每个模块。例如,import({'project-dir/src/components/home.js' (im here) 'project-dir/src/components/images/header.csv' )将使./locale目录中的每个.json文件捆绑到新的块中。在运行时,计算完可变语言后,将可以使用文件english.json或german.json之类的文件。使用webpackInclude和webpackExclude选项可以使我们添加正则表达式模式,以减少webpack为此导入捆绑的文件。


除了为我提供解决方案外,我还将赞赏任何涉及什么是我的代码实际问题的答案。

谢谢。

0 个答案:

没有答案