如何在AngularCLI中的构建时插入构建号或时间戳

发布时间：2020-12-17 08:01:22 所属栏目：安全来源：网络整理

导读：我想在我的Angular2应用程序的某个地方有一个时间戳或内部版本号,这样我就可以判断用户是否使用旧的缓存版本. 如何在AOT编译/构建时使用Angular2中的AngularCLI执行此操作？安装 plugin npm install replace-in-file –save-dev 添加到prod环境src / enviro

我想在我的Angular2应用程序的某个地方有一个时间戳或内部版本号,这样我就可以判断用户是否使用旧的缓存版本.

如何在AOT编译/构建时使用Angular2中的AngularCLI执行此操作？

>安装 plugin npm install replace-in-file –save-dev
>添加到prod环境src / environments / environment.prod.ts new
属性

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

>将构建文件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);
}

>将脚本添加到package.json

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

>在您的应用中使用environment.version
>在构建之前调用npm run updateBuild – 1.0.1

PS.您必须始终记住{BUILD_VERSION}永远不会被提交.

PS.我在my blog写了一个更好的解决方案

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!