在webpack中包含git commit hash和date

Question

我正在使用react/es6/webpack。我想在應用程序中的某處顯示構建日期和git散列。什麼是最好的方法？

Answer 1

可以使用的WebPack的DefinePluginhttps://webpack.github.io/docs/list-of-plugins.html#defineplugin

// get git info from command line 
let commitHash = require('child_process') 
    .execSync('git rev-parse --short HEAD') 
    .toString(); 

... 
plugins: [ 
    new webpack.DefinePlugin({ 
     __COMMIT_HASH__: JSON.stringify(commitHash), 
    }) 
    ] 
... 

然後你就可以用__COMMIT_HASH__

Answer 2

在您的應用程序中使用它這樣做的另一種方法是：

只要安裝這個包git-revision-webpack-plugin

簡單的webpack插件，基於本地git存儲庫生成VERSION和COMMITHASH文件 。

---

示例代碼：

您webpack.config.js內（或任何開發 - 督促文件）

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

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

在組件（反應）：

export class Home extends Component{ 
    .... 

    render() { 
     return(
      <div> 
       {VERSION} 
       {COMMITHASH} 
       {BRANCH} 
      </div> 
     ) 
    } 
} 

在您的模板（角度）中：

{{ VERSION }} 
{{ COMMITHASH }} 
{{ BRANCH }}