一、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,只用于开发环境。