Angularjs Gulp:在Angular网站上更新版本号?

Angularjs Gulp:在Angular网站上更新版本号?,angularjs,gulp,Angularjs,Gulp,我正在使用更新Angular应用程序的版本。版本将写入package.json文件: 在一个gulp任务中,如何将这个版本号写入index.HTML文件中的HTML div?也许应该换一种方式 我希望在构建网站时,网站上的版本号保持同步。我建议使用模板引擎。你基本上可以用任何人来实现这个目的。但这里有一个用于模板语言和您的吞咽任务的示例 将此添加到您的HTML中 <div>{{ version }}</div> 现在有一个插件专门用于此: <div>{{ v

我正在使用更新Angular应用程序的版本。版本将写入package.json文件:

在一个gulp任务中,如何将这个版本号写入index.HTML文件中的HTML div?也许应该换一种方式


我希望在构建网站时,网站上的版本号保持同步。

我建议使用模板引擎。你基本上可以用任何人来实现这个目的。但这里有一个用于模板语言和您的吞咽任务的示例

将此添加到您的HTML中

<div>{{ version }}</div>

现在有一个插件专门用于此:

<div>{{ version }}</div>
var consolidate = require('gulp-consolidate');
var data = require('./package.json'); // your data is your package.json

gulp.task('addversion', function() {
    return gulp.src('app/index.html')
        .pipe(consolidate('swig', data)) // and pass it to swig
        .pipe(gulp.dest('whereever/you/want/it/to/be'));
})