webpack bannerPlugin对项目打包好的文件最开始处添加版权声明

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打包，打包文件完成之后，注释中都会加入版权代码提示（内容可以自定义），可以展示作者的邮箱姓名简称之类的信息，设置代码版权注释，也算是一个比较实用的配置。