Gulp 大口:在CSS文件中写一个日期到后者的生成

0sgqnhkj  于 2022-12-08  发布在  Gulp
关注(0)|答案(2)|浏览(152)

我试着在Gulp中复制一些我可以用Grunt做的事情:写一个日期文件的生成后者(Stylus -〉CSS或Jade -〉html).
下面是我对Grunt(带有grunt-banner)所做的:

// *.Gruntfile.js
<%= grunt.template.today("yyyy-mm-dd H:MM:ss") %>

如何下Gulp?最重要的是,什么使用插件Gulp(我还没有找到相当于grunt-banner...)?
编辑:
我看了看gulp-header,然后我最终决定用gulp-replace。的确,头文件中的第一个位置是横幅,但我的目标是替换现有的信息。
示例:

// Gulpfile.js

var pkg = require('./package.json'),
rename = require('gulp-rename');

gulp.task('templates', function() {
  return gulp
    .src(source + '/Styles/Header.styl')
    .pipe(replace(/@-name .*\n/g, '@-name         ' + pkg.name + '\n'))
    .pipe(replace(/@-description .*\n/g, '@-description  ' + pkg.description + '\n'))
    .pipe(replace(/@-version .*\n/g, '@-version      ' + pkg.version + '\n'))
    .pipe(replace(/@-author .*\n/g, '@-author       ' + pkg.author + '\n'))
    .pipe(replace(/@-homepage .*\n/g, '@-homepage     ' + pkg.homepage + '\n'))
    .pipe(replace(/@-license .*\n/g, '@-license      ' + pkg.license + '\n'))
    .pipe(gulp.dest(source + '/Styles'))
});

但我仍然不知道如何把日期修改为下咕噜...

ldfqzlk8

ldfqzlk81#

好吧,我发现:

var versionDate = new Date(); // javascript, just

在上下文中移动它给出:

gulp.task('templates', function() {
  return gulp
    .src(source + '/Styles/Header.styl')
    .pipe(replace(/@name .*\n/g, '@name         ' + pkg.name + '\n'))
    .pipe(replace(/@description .*\n/g, '@description  ' + pkg.description + '\n'))
    .pipe(replace(/@version .*\n/g, '@version      ' + pkg.version + '\n'))
    .pipe(replace(/@lastmodified .*\n/g, '@lastmodified ' + versionDate + '\n'))
    .pipe(replace(/@author .*\n/g, '@author       ' + pkg.author + '\n'))
    .pipe(replace(/@homepage .*\n/g, '@homepage     ' + pkg.homepage + '\n'))
    .pipe(replace(/@license .*\n/g, '@license      ' + pkg.license + '\n'))
    .pipe(gulp.dest(source + '/Styles'))
});
goucqfw6

goucqfw62#

备选方案:

var headerComment = require('gulp-header-comment');

在管道中:

.pipe(headerComment(`Generated on: <%= moment().format('DD.MM.YY') %>`))

Manual gulp-header-comment
Example Gulp 4 File

相关问题