webpack 之 resolve、path

一、resolve(官方文档)

作用：webpack 怎么解析模块。

1、alias：方便 import\require 引用路径，例如，做如下配置时：

可以使用：import Utility from'Utilities/utility'; 来替换：importUtilityfrom'../../utilities/utility'; 这种相对路径写法。

2、extensions：自动解析确定的扩展，能够使用户在引入模块时不带扩展。使用此选项，会覆盖默认数组，这就意味着 webpack 将不再尝试使用默认扩展来解析模块。

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

importFilefrom'../path/to/file'

二、output

1、fileName：定义每个输出 bundle 的名称：filename: "bundle.js"。

但是，当通过多个入口起点(entry point)、代码拆分(code splitting)或各种插件(plugin)会创建多个 bundle，这是需配置唯一的 filename，详情见文档。

2、chunkFilename：决定了非入口(non-entry) chunk 文件的名称，配置详情同  fileName

3、publicPath: 该选项对于按需加载和加载图片等外部资源来说很重要，指定错误则会报 404。多数情况下，此选项的值都会以 / 结束

4、pathinfo：告诉 webpack 在 bundle 中引入「所包含模块信息」的相关注释，默认为 false，只用于开发环境。