插件说明

自动在页面打开时输出当前构建对应的 Git 仓库、分支、提交信息、打包时间，以及可选的依赖版本信息。兼容通过 git checkout commitId 进入 detached HEAD 的场景。

安装

yarn add webpack-branch-console-plugin -D

在 webpack 配置中使用，例如 vue.config.js:

// vue.config.js
const WebpackBranchConsolePlugin = require("webpack-branch-console-plugin");

module.exports = {
  configureWebpack: (config) => {
    config.plugins.push(
      new WebpackBranchConsolePlugin({
        name: true,
        time: true,
        hash: true,
        branchName: true,
        originUrl: false,
        commitId: true,
        commitUser: true,
        commitMsg: false,
        dependencies: ["moment", "lodash"],
      }),
    );
  },
};

配置项

| options | 默认值 | 说明 | | ------------ | ------ | ------------------------------ | | name | true | 是否输出项目名/仓库名 | | time | true | 是否输出打包时间 | | hash | true | 是否输出构建产物 hash | | branchName | true | 是否输出分支名 | | originUrl | false | 是否输出 Git origin 仓库地址 | | commitId | true | 是否输出最新提交 id | | commitUser | true | 是否输出最新提交人 | | commitMsg | false | 是否输出最新提交信息 | | dependencies | [] | 需要额外输出版本的依赖列表 |