webpack如何解析来自node_modules的导入?

27
当我需要使用来自node_modules文件夹中的库时,我会这样做:
import angular from 'angular';
import $ from 'jquery;
webpack如何知道它真正需要导入哪些文件?猜想它会采用某种策略来确定需要检查哪些文件吗?
webpack如何确定要导入哪些文件?它是否使用特定策略来检查这些文件?
1个回答

22

Webpack遍历解析器以查找您请求的文件。它会遍历解析模板以确定确切的路径。

如果您尝试导入一个不存在的模块,则会看到错误跟踪,概述了所有尝试使用但未成功找到文件的路径。

解析器是一个强大的配置工具,可以帮助您开发更好的代码。我很欣赏解析器可以让我放弃相对路径并使用更加开发人员友好的ES6导入方式

希望这有所帮助。


1
我遇到的一个问题是,无法解决来自 node_module 的异步块。例如,如果通用 js 模板有一个懒加载的资源,webpack 似乎找不到它。你有什么想法吗? - Evan Burbidge
我目前正在导入自定义的CKEditor 5构建,使用路径"@/lib/CKEditor5-Custom"。该目录包含一个“src”和一个“build”目录,两者都包含.js文件。我如何知道导入语句已解析哪个文件?我没有明确配置webpack去特定的任何目录。 - Jay

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接