私はreact/es6/webpackを使用しています。私はビルドの日付と私のアプリのどこかでgitハッシュを表示したい。最善のアプローチは何ですか?あなたが使用することができますwebpackビルドにgitコミットハッシュと日付を含める
15
A
答えて
25
のWebPACKのDefinePlugin
https://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__
4
とあなたのアプリでそれを使用することができ、これを行うための別の方法は次のとおりです。
はちょうどこのパッケージをインストールgit-revision-webpack-plugin
ローカルgitリポジトリに基づいてビルド中にVERSIONとCOMMITHASHファイルを生成するシンプルなwebpackプラグイン。
サンプルコード:あなたのwebpack.config.jsインサイド
(または任意のDEV - PRODファイル)あなたのコンポーネントで
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>
)
}
}
テンプレート(角度):
関連する問題
- 1. Gitはすべてのブランチタグとリモートをコミットハッシュと日付とともにリストしていますか?
- 2. Webpack ProductionビルドにIndex.htmlを含めるには
- 3. コアパックとサブモジュールを含むアプリケーションのWebpackビルド
- 4. gitコミットメッセージに日付またはその他の変数を含める
- 5. WebpackにjQuery CDNを含めるには?
- 6. jqueryカレンダーの最小日付と最大日付を含めます。
- 7. Git Bashとwebpack
- 8. Webpackビルドに含まれるファイルを確認する方法
- 9. tfsビルドに空のフォルダを含める
- 10. exrmビルドにwxwidgetsを含める
- 11. goビルドに共有ライブラリを含める
- 12. jqueryをbrowserifyビルドに含める
- 13. 私の機能に日付/タイムスタンプを含める方法
- 14. ヘッダー要求に日付フィールドを含めるWeb Api
- 15. jitバージョンにgitコミットハッシュを組み込みます。
- 16. Webpack&TypeScript - Moment.jsプラグインを含める
- 17. BoostrapをWebpackとAngular2プロジェクトに含める方法
- 18. Webpack Angular 2にjQueryとSemantic-uiを含める方法
- 19. TFSビルド:アセンブリの「ビルド番号」フィールドにブランチ名を含める
- 20. ビルドされたjarに(ビルド中に)ビルドされたファイルを含めるには?
- 21. BluemixのビルドとデプロイのパイプラインにJava BDDを含めるには?
- 22. 日付と1.month.agoをまとめる?
- 23. Springでジャクソンと日付を含む日付文字列を日付にマッピングする
- 24. WebpackとAngular2のビルド時間
- 25. Pythonロギングファイルに現在の日付を含めます
- 26. LaunchAgentsのプログラム引数に現在の日付を含めます。
- 27. Mysql PKと日付スタンプを含むインクリメントフィールド
- 28. Parse.com:日付とUTCを含むクエリ
- 29. 日付とワイルドカードを含むFileCopy
- 30. Mavenビルドとの戦争でソースコードをjarに含める方法