Angular构建时自动生成含版本与时间戳文件的实现方法

假设你已搭建好Angular项目并安装了npm，可通过以下步骤生成包含Web应用版本和构建时间戳的文件：

1. 安装npm-run-all作为开发依赖：

   npm install npm-run-all --save-dev
   

2. 在package.json中添加并行执行的脚本：

   "scripts": {
     "build": "npm-run-all generate-version build-app",
     "generate-version": "echo \"export const VERSION = {\\\"version\\\": \\\"$(git describe --tags --always --dirty)\\\", \\\"timestamp\\\": \\\"$(date -u +'%Y-%m-%dT%H:%M:%SZ')\\\"};\" > src/version.ts",
     "build-app": "ng build --prod"
   }
   

3. 脚本功能说明：

   • generate-version：在src目录生成version.ts文件，内容包含应用版本字符串和UTC格式的构建时间戳
   • build-app：以生产模式构建Angular应用
   • build：并行执行前两个脚本，同时完成版本文件生成与应用构建

4. 执行构建命令：

   npm run build
   

   执行完成后，版本文件会生成在src目录，构建产物输出在dist目录。

注：git describe --tags --always --dirty命令会基于最新Git标签、提交次数及未提交变更生成唯一版本字符串，可按需修改。

内容的提问来源于stack exchange，提问作者Vatsal Borda