我有文件 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');
最佳答案
您可以添加 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('./')
});
关于html - 将哈希添加到文件名,然后使用 Gulp 替换对它的引用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36772151/