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

列举两个常用功能：

1、alias

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

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

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

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

import Utility from '../../utilities/utility';

你可以这样使用别名：

import Utility from 'Utilities/utility';

以上是最常用的用法，更多更具体的用法参见官网

2、extensions

自动解析确定的扩展，引入文件可以不用带后缀名，默认配置

extensions: [".js", ".json"]

例如，要导入一个vue文件

配置：

extensions: [".js",".json","vue"]

//原来的写法
import File from '../path/to/getData.vue'
//使用配置之后的写法
import File from '../path/to/getData'

更便捷

参考链接：

• webpack 中文网
• webpack GitHub
• webpack-cli GitHub
• webpack-serve GitHub
• webpack-dev-server GitHub