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


        相关文章
        |
        1月前
        |
        开发工具 git
        如何操作github,gitee,gitcode三个git平台建立镜像仓库机制,这样便于维护项目只需要维护一个平台仓库地址的即可-优雅草央千澈
        如何操作github,gitee,gitcode三个git平台建立镜像仓库机制,这样便于维护项目只需要维护一个平台仓库地址的即可-优雅草央千澈
        186 69
        如何操作github,gitee,gitcode三个git平台建立镜像仓库机制,这样便于维护项目只需要维护一个平台仓库地址的即可-优雅草央千澈
        |
        9天前
        |
        安全 开发工具 git
        git分布式版本控制系统及在码云上创建项目并pull和push
        通过本文的介绍,我们详细讲解了Git的基本概念和工作流程,并展示了如何在码云上创建项目及进行pull和push操作。Git作为一种分布式版本控制系统,为开发者提供了强大的工具来管理代码变更和协作开发。希望本文能帮助您更好地理解和使用Git及码云,提高开发效率和代码质量。
        37 18
        |
        8天前
        |
        安全 开发工具 git
        git分布式版本控制系统及在码云上创建项目并pull和push
        通过本文的介绍,我们详细讲解了Git的基本概念和工作流程,并展示了如何在码云上创建项目及进行pull和push操作。Git作为一种分布式版本控制系统,为开发者提供了强大的工具来管理代码变更和协作开发。希望本文能帮助您更好地理解和使用Git及码云,提高开发效率和代码质量。
        29 16
        |
        3月前
        |
        前端开发 JavaScript
        手敲Webpack 5:React + TypeScript项目脚手架搭建实践
        手敲Webpack 5:React + TypeScript项目脚手架搭建实践
        |
        5月前
        |
        安全 开发工具 git
        git合并错了,我想回退到之前的版本
        git合并错了,我想回退到之前的版本
        |
        4月前
        |
        Java Shell 开发工具
        git集成IDEA,托管项目实现版本管理
        git集成IDEA,托管项目实现版本管理
        49 0
        |
        6月前
        |
        缓存 JSON JavaScript
        简单介绍下从零搭建 Webpack 项目
        本文详细介绍了Webpack中Loader的概念及其重要性。Webpack仅支持处理JS和JSON文件,而Loader能够帮助处理其他类型的文件,如CSS、图片等,并将其转换为有效的模块。文章首先解释了Loader的基本原理,接着介绍了几种常见Loader的配置和使用方法
        34 1
        |
        6月前
        |
        前端开发 JavaScript API
        |
        6月前
        |
        架构师 开发工具 git
        项目去除git版本控制 去除版本控制
        文章提供了去除本地项目Git版本控制的步骤,包括删除`.git`文件夹和`.idea`目录下的`vcs.xml`文件。
        项目去除git版本控制 去除版本控制
        |
        6月前
        |
        jenkins 测试技术 开发工具
        协同开发的艺术:Git 在团队项目中的高效应用
        【8月更文第16天】在现代软件开发中,团队成员之间的高效协作是至关重要的。Git 作为一种分布式版本控制系统,为开发者提供了强大的工具来管理代码的变化和协作。本文将介绍如何利用 Git 来优化团队的工作流程,并提供实际操作的代码示例。
        217 1