git项目中加入版本号git-revision-webpack-plugin

简介: git项目中加入版本号git-revision-webpack-plugin

webpack 插件生成 VERSION COMMITHASH 基于本地生成过程中的文件的Git仓库。

便于我们在项目中可直观看到提交的git commithash

用法:

给定一个webpack 4项目,将其安装为本地开发依赖项:

npm install --save-dev git-revision-webpack-plugin

然后,将其配置为webpack配置中的插件:

const GitRevisionPlugin = require('git-revision-webpack-plugin');
const gitRevision = new GitRevisionPlugin();

在webpack的plugins: [ ],中配置gitRevision即可

    plugins: [
        gitRevision
    ],

    插件API

    VERSIONCOMMITHASH并且BRANCH也通过一个公共的API暴露。使用DefinePlugin的示例:

      plugins: [
          gitRevision,
          new webpack.DefinePlugin({
              'process.env.VERSION': JSON.stringify(gitRevision.version()),
              'process.env.COMMITHASH': JSON.stringify(gitRevision.commithash()),
              'process.env.BRANCH': JSON.stringify(gitRevision.branch())
          })
      ],

      在页面中可以直接使用process.env.xxx方法显示,如下

        <div id="version">
              {process.env.VERSION}
              {process.env.COMMITHASH}
              {process.env.NODE_ENV === 'development' && process.env.BRANCH &&
              <>
                 <span>{process.env.BRANCH}</span>
              </>
              }
            </div>

        version:如 v0.0.0-34-33bb4fad

        commithash:如 33bb4fadcaa5bf1253a551c68bcf17c945cf8ed5

        branch:如dev , master等

        其他配置 地址参考:https://snyk.io/advisor/npm-package/git-revision-webpack-plugin


        相关文章
        |
        6天前
        webpack——通过webpack-bundle-analyzer分析项目包占比情况
        webpack——通过webpack-bundle-analyzer分析项目包占比情况
        12 2
        webpack——通过webpack-bundle-analyzer分析项目包占比情况
        |
        4天前
        |
        jenkins 测试技术 开发工具
        协同开发的艺术:Git 在团队项目中的高效应用
        【8月更文第16天】在现代软件开发中,团队成员之间的高效协作是至关重要的。Git 作为一种分布式版本控制系统,为开发者提供了强大的工具来管理代码的变化和协作。本文将介绍如何利用 Git 来优化团队的工作流程,并提供实际操作的代码示例。
        13 1
        |
        5天前
        |
        网络安全 开发工具 数据安全/隐私保护
        Win10使用Git克隆项目出现fatal: Authentication failed for异常
        Windows 10系统中使用Git克隆项目时出现"fatal: Authentication failed for"异常的解决方法,主要是通过修改凭据管理器中的Git凭据密码来解决因密码过期导致的身份验证失败问题。
        14 0
        Win10使用Git克隆项目出现fatal: Authentication failed for异常
        |
        6天前
        |
        安全 开发工具 git
        coding上创建项目、创建代码仓库、将IDEA中的代码提交到coding上的代码仓库、Git的下载、IDEA上配置git
        这篇文章是关于如何在IDEA中配置Git、在Coding.net上创建项目和代码仓库,并将IDEA中的代码提交到远程代码仓库的详细教程,涵盖了Git安装、IDEA配置、项目创建、代码提交等步骤。
        coding上创建项目、创建代码仓库、将IDEA中的代码提交到coding上的代码仓库、Git的下载、IDEA上配置git
        |
        22天前
        |
        JavaScript Windows
        安装node.js与webpack创建vue2项目
        安装node.js与webpack创建vue2项目
        18 1
        |
        25天前
        |
        开发工具 git
        使用Git拉取项目
        使用Git拉取项目
        |
        5天前
        |
        开发工具 git
        IDEA中怎么使用git下载项目到本地,通过URL克隆项目(giteegithub)
        IDEA中怎么使用git下载项目到本地,通过URL克隆项目(giteegithub)
        |
        1月前
        |
        开发工具 git
        unable to index file ‘~$git提交版本号.xlsx‘
        unable to index file ‘~$git提交版本号.xlsx‘
        |
        1月前
        |
        存储 开发工具 git
        好的git管理方法,标明项目_编号_(功能,不过还是在没有bug出现时就提交为好)+Excel表管理的格式
        好的git管理方法,标明项目_编号_(功能,不过还是在没有bug出现时就提交为好)+Excel表管理的格式
        |
        1月前
        |
        开发工具 git
        在idea里如何实现Git项目回滚
        在idea里如何实现Git项目回滚