当前位置:   jquery > 正文

如何将变量值从GULP注入到JS文件中

javascript,javascript-objects,gulp,gulp-header,注入,json,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,json解析,二维码生成,unix时间戳,在线开发工具,前端开发工具,开发人员工具,站长工具

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

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

我目前正在使用gulp-header向文件顶部添加时间戳,但我被要求将时间戳添加到对象中的属性.

我的想法是从GULP注入值,但到目前为止我发现的所有注入插件都是将一个文件的内容注入目标文件.

任何帮助将不胜感激.



1> Eloy Pineda..:

你在使用任何一种模块吗?ES6模块,AMD,CommonJS,......?

如果是这样,你可以生成一个配置有咕嘟咕嘟模块,你可以注入任何你想要的变量.它看起来像这样:

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
}

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/blog/jquery/detail/13411
推荐阅读
相关标签
  

闽ICP备14008679号