我希望能够使用一个清单JSON文件,将特定的JavaScript文件复制、连接和压缩到dist bower_components目录中,以保持代码的整洁。
我想要将连接和压缩放在单独的任务中运行,但文件加载的延迟意味着任何依赖的任务都会在它完成之前运行。
// editorial tools gulp file
var gulp = require("gulp");
var path = require("path"),
argv = require("yargs").argv,
fs = require("fs"),
runSequence = require("run-sequence");
// load plugins
var $ = require("gulp-load-plugins")({ lazy: false });
gulp.task("other-task", ["read-manifest"], function () {
// something else before read-manifest...
});
gulp.task("read-manifest", function () {
var cwd = process.cwd();
// vendor JS to compile (get manifest of files to bring in)
fs.readFile(cwd + "/src/bower_manifest.json", "utf-8", function (err, _data) {
if (err) {
console.log("Error: " + err);
return;
}
// manifest string to JSON
data = JSON.parse(_data);
// copy bower files in manifest
var fileList = data.fileUrls,
loadOrder = data.loadOrder,
filesToCopy = [];
for ( var i = 0, len = loadOrder.length; i < len; i ++ ) {
filesToCopy.push("./src/bower_components/" + fileList[loadOrder[i]]);
}
// add shared js
filesToCopy.push("./src/javascripts/*.js");
console.log(filesToCopy);
// concat and uglify
return gulp.src(filesToCopy)
.pipe($.concat("shared.min.js"))
// .pipe($.uglify())
.pipe(gulp.dest("./dist/javascripts/"));
$.util.log($.util.colors.green("JS combined and uglified"));
});
});
控制台:
[gulp] Starting 'read-manifest'...
[gulp] Finished 'read-manifest' after 476 μs
[gulp] Starting 'other-task'...
[ './src/bower_components/jquery/jquery.min.js',
'./src/bower_components/aight/aight.min.js',
'./src/bower_components/d3/d3.min.js',
'./src/bower_components/aight/aight.d3.min.js',
'./src/javascripts/*.js' ]
[gulp] Finished 'other-task' after 15 ms