問題描述

希望這是一個快速的問題.

Hopefully this is a quick question.

我要做的是在使用 GULP 構(gòu)建文件時將時間戳添加到 JS 文件中的 Javascript 對象中.基本上，在file.js"中，我有一個對象，我希望 object.timeStamp 等于 GULP 構(gòu)建的時間.

What I'm trying to do is to add a timestamp into a Javascript object in a JS file while the file is being built with GULP. Basically, in "file.js", I have an object where I would like to have object.timeStamp that equals the time of the GULP build.

我目前正在使用 gulp-header 將時間戳添加到文件頂部，但有人要求我將時間戳添加到對象中的屬性中.

I am currently adding a timestamp to the top of the file using gulp-header, but I have been asked to add the timestamp to a property in the object.

我的想法是從 GULP 中注入值，但目前我發(fā)現(xiàn)的所有注入插件都是用于將一個文件的內(nèi)容注入目標(biāo)文件.

My thought was to inject the value from GULP, but all of the injection plugins I have found so far are for injecting contents of one file into the target file.

任何幫助將不勝感激.

推薦答案

你在使用任何類型的模塊嗎?ES6 模塊、AMD、CommonJS、...?

Are you using any kind of modules? ES6 modules, AMD, CommonJS, ...?

如果是這樣，您可以使用 Gulp生成一個 config 模塊，您可以在其中注入任何您想要的變量.它看起來像這樣:

If so, you can generate a config module with Gulp where you can inject any variable you want. It would look something like this:

config.tmpl.js

module.exports = <%= config %>

配置 gulp 任務(wù)

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
}

這篇關(guān)于如何從 GULP 將變量值注入 JS 文件的文章就介紹到這了，希望我們推薦的答案對大家有所幫助，也希望大家多多支持html5模板網(wǎng)！