- 遵循ES Module的
import
引用声明。 - 遵循CommonJs标准的require函数。如果通过require函数导入ES Module,对于ESM的默认导出,需要通过require这个导入函数的default属性获取。
const createHeading = require("./heading.js").default
- 遵循AMD标准的define函数和require函数。
- css样式代码中的@import指令和url函数。
- html代码中图片标签的src属性。
在代码中所有有引用资源可能性的地方,都会被Webpack找到,然后根据配置交个不同的loader进行处理,最后将处理的结果整体打包到输出目录。从而实现整个项目的模块化。