Question

我正在使用gulp-bump来更新我的Angular应用的版本。该版本将写入package.json文件：

{
  "name": "WebProject",
  "version": "1.0.0",
  "dependencies": {
      ...
  },
  "devDependencies": {
      ...
  }
}

如何在gulp任务中将此版本号写入 index.html 文件中的HTML div？也许它应该以另一种方式完成。

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

Answer 1

我建议使用模板引擎。基本上你可以使用任何人。但是，这是一个使用Swig作为模板语言并使用gulp-consolidate作为gulp任务的示例。

将此添加到您的HTML

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

并将其添加到您的Gulpfile

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'));
})

Answer 2

现在有一个插件：gulp-inject-version

Gulp：在Angular网站上更新版本号？

2 个答案: