LoginSignup
14
13

More than 5 years have passed since last update.

HTML ファイルにビルド時の Git のコミットハッシュを入れるには

Last updated at Posted at 2015-07-09

index.html などの HTMLファイルにビルド時の Git のコミットハッシュ情報があれば、ブラウザJSアプリでのリリース後のトラブル対応時に便利かと思い、入れる方法を考えました。Window.app.gitCommitHash などでも同等かと思います。

git rev-parse HEAD でコミットハッシュが得られます。これを package.json の scripts 欄から環境変数 GIT_COMMIT_HASH に格納して、gulp タスクを実行して、gulp-replace で HTML ファイルの適当なところを置き換えました。

▼ package.json

"scripts": {
  "build": "GIT_COMMIT_HASH=$(git rev-parse HEAD) gulp hoge"
},

▼ gulpfile.js

var replace     = require('gulp-replace');

gulp.task('hoge', function() {
  gulp.src('index.html')
    .pipe(replace('git_commit_hash_placeholder', process.env.GIT_COMMIT_HASH))
    .pipe(gulp.dest('build/'));
});

▼ index.html

<body data-git-commit-hash="git_commit_hash_placeholder">

他に、Documentation - MaterializeCss のトップページの "Latest Commit on Github: " 欄の仕組みも調べました。

14
13
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
14
13