第一种，生成version文件和COMMITHASH
第一步：先安装 插件 git-revision-webpack-plugin
如果webpack 的版本高于4.0 则直接运行 npm install --save-dev git-revision-webpack-plugin
如果webpack 版本低于4.0 则 npm install --save-dev git-revision-webpack-plugin@2.5.1
第二步：修改webpack.prod.conf.js 文件

'use strict'
const path = require('path')
//....省略
const GitRevisionPlugin = require('git-revision-webpack-plugin')

const webpackConfig = merge(baseWebpackConfig, {
plugins: [
new GitRevisionPlugin(),
//....省略
]
})

module.exports = webpackConfig

 

这样build 之后在 dist 文件中会有VERSION 和COMMITHASH 两个文件

第二种，直接在包或者包名上带上git 版本号 这样生成出来的 文件 类似于 ：app.c35df58fa07381d84d3877ff86f623ce.gitVersion1.0.1.js
这种也需要安装依赖包npm install --save-dev git-revision-webpack-plugin
然后 修改webpack.prod.conf.js ，

const GitRevisionPlugin = require("git-revision-webpack-plugin");
const gitRevisionPlugin = new GitRevisionPlugin();
const resolve = dir => path.join(__dirname, dir);
gitRevisionPlugin.versionCommand = "describe --always --tags";
const outputDirData = gitRevisionPlugin.version(); // 获取版本号
const webpackConfig = merge(baseWebpackConfig, {
output: {
path: config.build.assetsRoot,
filename: utils.assetsPath('js/[name].[chunkhash].' + outputDirData + '.js'),
chunkFilename: utils.assetsPath('js/[id].[chunkhash].' + outputDirData + '.js')
},
})

 

————————————————
版权声明：本文为博主「weixin_42284453」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。