1、vuecli3.x or 4.x中:vue.config.js添加如下代码:
dayjs是引入的时间插件,time即为当前项目打包的时间。
const Webpack = require("webpack");
const time = require("dayjs")().format("YYYY-M-D HH:mm:ss");
2、在chainwebpack中配置插件:
第二个参数用的是Unicode编码,这里用FeHelper小工具做一个转义,再将 \u005c\u006e 替换成 \n
chainWebpack: config => {
// 给打包的文件添加版权注释
config
.plugin("banner")
.use(Webpack.BannerPlugin, [
`\u0020\u57fa\u4e8e\u0064\u0032\u0061\u0064\u006d\u0069\u006e\u6784\u5efa\u0020 \n \u0063\u006f\u0070\u0079\u0072\u0069\u0067\u0068\u0074\u003a\u0020\u0064\u006f\u006e\u0067\u0077\u0065\u006e\u006a\u0069\u0065\u0020\u0064\u006f\u006e\u0067\u0077\u0065\u006e\u006a\u0069\u0065\u0031\u0033\u0034\u0030\u0040\u0031\u0036\u0033\u002e\u0063\u006f\u006d\u0020 \u7248\u6743\u6240\u6709\u8fdd\u8005\u5fc5\u7a76 \n \u0074\u0069\u006d\u0065\u003a\u0020${time}`,
])
.end();
}
3、执行npm run build打包,打包文件完成之后,注释中都会加入版权代码提示(内容可以自定义),可以展示作者的邮箱姓名简称之类的信息,设置代码版权注释,也算是一个比较实用的配置。