陌上寒

陌上寒个人博客

webpack4系列文章-(4)resolve(解析)

这配置的其实关于模块部分的解析。配置模块如何解析。简单来说就是在引用模块的时候其实会解析出模块的内容,从而进行调用。

列举两个常用功能:

1、alias

alias,这是在webpack里很常用的一个功能。

创建 import 或 require 的别名,来确保模块引入变得更简单。

alias: {
  Utilities: path.resolve(__dirname, 'src/utilities/'),
  Templates: path.resolve(__dirname, 'src/templates/')
}

现在,替换「在导入时使用相对路径」这种方式,就像这样: