如何在構建時在AngularCLI中插入內部版本號或時間戳

Question

我想在我的Angular2應用程序的某處添加時間戳或內部版本號，以便我可以判斷用戶是否使用舊的緩存版本。

我可能會想到它，但是有沒有一種簡單的方法可以在AOT編譯/編譯時使用Angular2中的AngularCLI完成此操作？

感謝

Answer 1

1. 安裝pluginnpm install replace-in-file --save-dev的

2. 添加督促環境的src /環境/ environment.prod.ts新 財產

   export const environment = { 
       production: true, 
       version: '{BUILD_VERSION}' 
   } 
   

3. 添加構建文件replace.build.js到您的文件夾的根目錄

   var replace = require('replace-in-file'); 
   var buildVersion = process.argv[2]; 
   const options = { 
       files: 'src/environments/environment.prod.ts', 
       from: /{BUILD_VERSION}/g, 
       to: buildVersion, 
       allowEmptyPaths: false, 
   }; 
   
   try { 
       let changedFiles = replace.sync(options); 
       console.log('Build version set: ' + buildVersion); 
   } 
   catch (error) { 
       console.error('Error occurred:', error); 
   } 
   

4. 添加腳本的package.json

   "updateBuild": "node ./replace.build.js" 
   

5. 使用environment.version在您的應用程序

6. 構建呼叫npm run updateBuild -- 1.0.1

PS之前。您必須始終記住{BUILD_VERSION}永遠不會被提交。

PS。我寫了一個更好的解決方案my blog