html - 将哈希添加到文件名，然后使用 Gulp 替换对它的引用

Question

我有文件 base.css，还有一个包含以下代码的 styles.php 文件:

wp_enqueue_script('base', get_template_directory_uri() . '/css/base.css');

我如何让 Gulp 将 base.css 重命名为它的哈希并替换 styles.php 中的引用？

所以，我正在寻找要调用的文件，例如base-375dfd5f.css 和styles.php 阅读

wp_enqueue_script('base', get_template_directory_uri() . '/css/base-375dfd5f.css');

Answer 1

您可以添加 Gulp rename在流中输入 css 名称，然后使用 Gulp inject string用于 PHP 文件的更新。

像这样的东西应该可以工作:

 var gulp   = require('gulp'),
     rename = require('gulp-rename'),
     inject = require('gulp-inject-string');

 var myHash = someLogicToGetThisValue();

 gulp.task('CSSHash', function () {
        return gulp.src('base.css')
                .pipe(rename('base' + myHash + '.css'))
                .pipe(gulp.dest('./')
 });

 gulp.task('PHPHashInject', function () {
        return gulp.src('file.php')
                .pipe(inject.replace('base.css', 'base' + myHash + '.css'))
                .pipe(gulp.dest('./')
 });