出口output
output 位于对象最顶级键(key)，包括了一组选项，指示 webpack 如何去输出、以及在哪里输出你的「bundle、asset 和其他你所打包或使用 webpack 载入的任何内容」。
webpack.config.js文件
module.exports = {
mode: "none",
context: __dirname + '/vueProject',
// entry:'./test.js',
entry: {
a: './test.js'
},
output: {
asyncChunks: true, //创建按需加载的异步 chunk。
path:__dirname+"/dist2",//输出的目录,绝对路径,默认dist
filename: 'bundle.js', //输出的文件名
filename: '[name]-666-[id]bundle[hash:5].js', //输出的文件名,[hash:5]为5位哈希值,[id]为打包的chunk的id,[name]为入口的属性名,缺省则为mian,这几个一定记住 vue和react的css作用域-就是这个几个设计的
library: 'hqyj',//库名
library: {
name: 'MyLibrary', //库名
type: 'var', //配置将库暴露的方式。('var'、'module'、'assign'、'assign-properties'、'this'、'window'、'self'、'global'、'commonjs'、'commonjs2'、'commonjs-module'、'commonjs-static'、'amd'、'amd-require'、'umd'、'umd2'、'jsonp' 以及 'system')
},
libraryTarget: 'umd',//配置如何暴露 library,优先级比library高但是:[请使用 output.library.type 代理，因为我们可能在未来放弃对 output.libraryTarget 的支持。]
auxiliaryComment: 'Test Comment', //各种模块化导出技术的统一注释(把type设置为umd)
//各种模块化导出技术的分别注释(webpack允许你的项目使用各种模块化技术 它都可以识别并打包)
auxiliaryComment: {
root: 'Root Comment',
commonjs: 'CommonJS Comment',
commonjs2: 'CommonJS2 Comment',
amd: 'AMD Comment',
},
clean: true, // 在生成文件之前清空 output 目录
clean: {
dry: true, // 小黑窗打印而不是删除应该移除的静态资源
},
clean: {
keep: /ignored\/dir\//, // 保留 'ignored/dir' 下的静态资源不删
// keep(asset) {
// return asset.includes('ignored/dir');//同上
// },
},
}
};