Gulp Rev 没有在我的清单文件中包含路径
Gulp Rev doesn't include paths in my manifest file
我设置了 Gulp 任务来同时连接、缩小和指纹资产,将它们直接写入我的资产文件夹:
(css部分)
gulp.task('styles:cssmin', function(){
return gulp.src('src/css/*.css')
.pipe(concat('main.css')) // combine them
.pipe(cssmin()) // minify them
.pipe(rev()) // Pipe through gulp-rev to fingerprint generated file
.pipe(gulp.dest('assets/css')) // write rev'd assets
.pipe(rev.manifest({
merge: true // Merge because this happens for .js and images too
}))
.pipe(gulp.dest('./')); // write manifest
});
这对文件进行指纹识别并生成清单,但我无法获得任何要保存到清单文件的路径。这是它生成的清单:
{
"bg.jpg": "bg-447ac2238b.jpg",
"logo.png": "logo-e31e139d4d.png",
"main-min.js": "main-min-cc3a682299.js",
"main.css": "main-ea0d06582f.css",
"main.js": "main-35ec0bb3c8.js"
}
我想要的是:
{
"assets/img/bg.jpg": "assets/img/bg-447ac2238b.jpg",
"assets/img/logo.png": "assets/img/logo-e31e139d4d.png",
"assets/js/main-min.js": "assets/js/main-min-cc3a682299.js",
"assets/css/main.css": "assets/css/main-ea0d06582f.css",
"assets/jsg/main.js": "assets/js/main-35ec0bb3c8.js"
}
特别考虑the docs give an example which includes the relative paths
我最终不得不编辑源代码。里面有注释,抱歉我不能突出显示它。
plugin.manifest = function (pth, opts) {
if (typeof pth === 'string') {
pth = {path: pth};
}
opts = objectAssign({
path: 'rev-manifest.json',
merge: false
}, opts, pth);
// Changed the following line to the next line:
// var firstFileBase = null
var firstFileBase = opts.base || null;
var manifest = {};
return through.obj(function (file, enc, cb) {
// ignore all non-rev'd files
if (!file.path || !file.revOrigPath) {
cb();
return;
}
firstFileBase = firstFileBase || file.base;
var revisionedFile = relPath(firstFileBase, file.path);
var originalFile = path.join(path.dirname(revisionedFile), path.basename(file.revOrigPath)).replace(/\/g, '/');
manifest[originalFile] = revisionedFile;
cb();
}, function (cb) {
// no need to write a manifest file if there's nothing to manifest
if (Object.keys(manifest).length === 0) {
cb();
return;
}
getManifestFile(opts, function (err, manifestFile) {
if (err) {
cb(err);
return;
}
if (opts.merge && !manifestFile.isNull()) {
var oldManifest = {};
try {
oldManifest = JSON.parse(manifestFile.contents.toString());
} catch (err) {}
manifest = objectAssign(oldManifest, manifest);
}
manifestFile.contents = new Buffer(JSON.stringify(sortKeys(manifest), null, ' '));
this.push(manifestFile);
cb();
}.bind(this));
});
};
不是理想的解决方案,更新时会中断。如果有更好的方法,我会很高兴。
我遇到了同样的问题,最终将流中的资产目录重命名为我想要的名称并指定 rev-manifest 的路径。
var rename = require("gulp-rename");
gulp.task('styles:cssmin', function(){
return gulp.src('src/css/*.css')
.pipe(concat('main.css')) // combine them
.pipe(cssmin()) // minify them
.pipe(rename({
dirname: "assets/css" //manually fixing path for rev-manifest
}))
.pipe(rev('path/to/your/rev/rev-manifest.json')) // Specify manifest location
.pipe(gulp.dest('assets/css')) // write rev'd assets
.pipe(rev.manifest({
merge: true // Merge because this happens for .js and images too
}))
.pipe(gulp.dest('./')); // write manifest
});
我设置了 Gulp 任务来同时连接、缩小和指纹资产,将它们直接写入我的资产文件夹:
(css部分)
gulp.task('styles:cssmin', function(){
return gulp.src('src/css/*.css')
.pipe(concat('main.css')) // combine them
.pipe(cssmin()) // minify them
.pipe(rev()) // Pipe through gulp-rev to fingerprint generated file
.pipe(gulp.dest('assets/css')) // write rev'd assets
.pipe(rev.manifest({
merge: true // Merge because this happens for .js and images too
}))
.pipe(gulp.dest('./')); // write manifest
});
这对文件进行指纹识别并生成清单,但我无法获得任何要保存到清单文件的路径。这是它生成的清单:
{
"bg.jpg": "bg-447ac2238b.jpg",
"logo.png": "logo-e31e139d4d.png",
"main-min.js": "main-min-cc3a682299.js",
"main.css": "main-ea0d06582f.css",
"main.js": "main-35ec0bb3c8.js"
}
我想要的是:
{
"assets/img/bg.jpg": "assets/img/bg-447ac2238b.jpg",
"assets/img/logo.png": "assets/img/logo-e31e139d4d.png",
"assets/js/main-min.js": "assets/js/main-min-cc3a682299.js",
"assets/css/main.css": "assets/css/main-ea0d06582f.css",
"assets/jsg/main.js": "assets/js/main-35ec0bb3c8.js"
}
特别考虑the docs give an example which includes the relative paths
我最终不得不编辑源代码。里面有注释,抱歉我不能突出显示它。
plugin.manifest = function (pth, opts) {
if (typeof pth === 'string') {
pth = {path: pth};
}
opts = objectAssign({
path: 'rev-manifest.json',
merge: false
}, opts, pth);
// Changed the following line to the next line:
// var firstFileBase = null
var firstFileBase = opts.base || null;
var manifest = {};
return through.obj(function (file, enc, cb) {
// ignore all non-rev'd files
if (!file.path || !file.revOrigPath) {
cb();
return;
}
firstFileBase = firstFileBase || file.base;
var revisionedFile = relPath(firstFileBase, file.path);
var originalFile = path.join(path.dirname(revisionedFile), path.basename(file.revOrigPath)).replace(/\/g, '/');
manifest[originalFile] = revisionedFile;
cb();
}, function (cb) {
// no need to write a manifest file if there's nothing to manifest
if (Object.keys(manifest).length === 0) {
cb();
return;
}
getManifestFile(opts, function (err, manifestFile) {
if (err) {
cb(err);
return;
}
if (opts.merge && !manifestFile.isNull()) {
var oldManifest = {};
try {
oldManifest = JSON.parse(manifestFile.contents.toString());
} catch (err) {}
manifest = objectAssign(oldManifest, manifest);
}
manifestFile.contents = new Buffer(JSON.stringify(sortKeys(manifest), null, ' '));
this.push(manifestFile);
cb();
}.bind(this));
});
};
不是理想的解决方案,更新时会中断。如果有更好的方法,我会很高兴。
我遇到了同样的问题,最终将流中的资产目录重命名为我想要的名称并指定 rev-manifest 的路径。
var rename = require("gulp-rename");
gulp.task('styles:cssmin', function(){
return gulp.src('src/css/*.css')
.pipe(concat('main.css')) // combine them
.pipe(cssmin()) // minify them
.pipe(rename({
dirname: "assets/css" //manually fixing path for rev-manifest
}))
.pipe(rev('path/to/your/rev/rev-manifest.json')) // Specify manifest location
.pipe(gulp.dest('assets/css')) // write rev'd assets
.pipe(rev.manifest({
merge: true // Merge because this happens for .js and images too
}))
.pipe(gulp.dest('./')); // write manifest
});