webpack5 在打包的文件头部添加 Banner 信息(版本作者等版权信息)

找到webpack.config.js文件

1.引入webpack

const webpack = require('webpack');

2.增加plugins

plugins: [

new webpack.BannerPlugin({

entryOnly: true, // 是否仅在入口包中输出 banner 信息

banner: () => {

return `xxxxx v${version}`

+ `\n`

+ `Author: ${author}`

+ `\n`

+ `Date: ${new Date()}`

}

})

],

注意：webpack4及以下版本将BannerPlugin放到plugins可能不生效

解决方法：

在optimization的最后放BannerPlugin，否者会被其他插件覆盖

optimization: {

minimizer: [

new UglifyJsPlugin({

include: /\/src/,

test: /\.js(\?.*)?$/i,

parallel: true,

sourceMap: true

}),

// 添加版权信息

new webpack.BannerPlugin({

entryOnly: true, // 是否仅在入口包中输出 banner 信息

banner: () => {

return `xxxxx v${version}`

+ `\n`

+ `Author: ${author}`

+ `\n`

+ `Date: ${new Date()}`

}

}),

]

},