javascript - 如何从 GULP 将变量值注入(inject) JS 文件

Question

希望这是一个快速的问题。

我正在尝试做的是在使用 GULP 构建文件时将时间戳添加到 JS 文件中的 Javascript 对象中。基本上，在“file.js”中，我有一个对象，我希望其中的 object.timeStamp 等于 GULP 构建的时间。

我目前正在使用 gulp-header 在文件顶部添加时间戳，但系统要求我将时间戳添加到对象中的属性。

我的想法是从 GULP 中注入(inject)值，但目前我发现的所有注入(inject)插件都是将一个文件的内容注入(inject)到目标文件中。

如有任何帮助，我们将不胜感激。

Answer 1

你在使用任何类型的模块吗？ ES6 模块、AMD、CommonJS，...？

如果是这样，您可以使用 Gulp生成配置模块，您可以在其中注入(inject)任何您想要的变量。它看起来像这样:

config.tmpl.js

module.exports = <%= config %>

配置 gulp 任务

var gulp = require('gulp');
var template = require('gulp-template');
var rename = require('gulp-rename');

gulp.task('config', function() {
  return gulp.src('path/to/config.tmpl.js')
    .pipe(template({config: JSON.stringify({
      timeStamp: new Date()
    })}))
    .pipe(rename('config.js'))
    .pipe(gulp.dest('path/to/config.js'));
});

最后，在您的 JS 文件中

var config = require('path/to/config.js');

var object = {
  timeStamp: config.timeStamp
}