filename

打包之后文件出口名字

id Chunk 的唯一标识,从0开始
name Chunk 的名称
hash Chunk 的唯一标识的 Hash 值
chunkhash Chunk 内容的 Hash 值
contenthash 内容的hash值

chunkFilename

chunkFilename输出像没有entry入口动态加载文件像import导入的

path

  1. path: path.resolve(__dirname, 'dist_[hash]')

publicPath

publicPath 多用于资源需要打包到cdn上然后给静态资源添加链接,或者开启web服务的时候资源不在根目录上则可以使用publicpath快速添加路径

  1. filename:'[name]_[chunkhash:8].js'
  2. publicPath: 'https://cdn.example.com/assets/'

crossOriginLoading

Webpack 输出的部分代码块可能需要异步加载,而异步加载是通过 JSONP 方式实现的。 JSONP 的原理是动态地向 HTML 中插入一个 标签去加载异步资源。
加载的script标签带不带Cookies

libraryTarget 和 library

主要用来做库后续学习补充。

libraryExport

主要用来做库后续学习补充。

代码

https://gitee.com/xuanyishuaige/webpack-code/tree/master/03-output