VUE項目構建打包生成Git信息(VERSION和COMMITHASH文件)

Git版本Webpack插件

git-revision-webpack-plugin

git-revision-webpack-plugin:可在構建過程中生成VERSION和COMMITHASH文件的Webpack插件。

官網:http://npm.taobao.org/package/git-revision-webpack-plugin

安裝本地開發依賴項

Webpack 4及以上版本:

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

Webpack 4以下版本:

cnpm install --save-dev [email protected]

Webpack中配置插件

在文件build/webpack.prod.conf.js中增加以下代碼:

……//省略代碼

const GitRevisionPlugin = require('git-revision-webpack-plugin')   //new add.



const env = process.env.NODE_ENV === 'testing'

  ? require('../config/test.env')

  : require('../config/prod.env')



const webpackConfig = merge(baseWebpackConfig, {

……//省略代碼

  plugins: [

    // http://vuejs.github.io/vue-loader/en/workflow/production.html

    new GitRevisionPlugin(),    //new add.

    new webpack.DefinePlugin({

      'process.env': env

    }),

……//省略代碼

  ]

})

……//省略代碼

更多配置代碼參考:http://npm.taobao.org/package/git-revision-webpack-plugin

構建打包

運行“npm run build”,dist目錄下生成VERSION和COMMITHASH文件,如下圖:

 

 

 

 

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章