webpack 配置之 输出文件 Output

819 10 个月前
output 配置如何输出最终想要的代码。即使可以存在多个入口起点,但也只需指定一个输出配置

webpack 中配置中 output 属性的最低要求是,将它的值设置为一个对象,里面包含一系列配置项,指示 webpack 如何去输出、以及在哪里输出你的的资源。

output.filename

filename属性,决定打包好的资源输出到 output.path 选项指定目录位置的文件名,如果只输出一个文件,可以把 filename 属性写成静态不变的名称。

module.exports = {
  output:"bundle.js"
}

但是,当有多个入口起点、代码拆分或插件从而创建多个输出文件时,应该使用模板变量来为每个输出赋予不同的名称。

使用入口名称:

module.exports = {
  entry:{
    index:"./src/a.js",
	main:"./src/b.js"
  },
  output:{
    filename:"[name].bundle.js"
  }
}

上面配置里,输出文件中的 [name] 指代入口起点键值对里的键,即:indexmain。从而输出的文件名分别为index.bundle.jsmain.bundle.js

使用内部 chunk id:

<