本文介绍了读取一堆 JSON 文件，转换它们并保存它们的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着跟版网的小编来一起学习吧！
问题描述
我正在尝试使用 Gulp 来实现这一点.
I'm trying to achieve this with Gulp.
- 读取给定目录中的每个
.json文件，包括子目录. - 以某种方式对其进行转换，例如添加新的根级别等.
- 将它们保存到保持原始结构的新目录中.
我迷失的地方是如何通过管道读取/写入 JSON 到 src.
The point where I'm lost is how to pipe reading/writing JSON to src.
我现在有以下骨架.
gulp.task("migratefiles", function () {
return gulp.src("files/**/*.json")
.pipe(/* WHAT HERE? */)
.pipe(gulp.dest("processed"));
});
推荐答案
有很多方法可以做到这一点:
There's a number of way you can do this:
(1) 使用 gulp-json-transform 插件:
var jsonTransform = require('gulp-json-transform');
gulp.task("migratefiles", function () {
return gulp.src("files/**/*.json")
.pipe(jsonTransform(function(json, file) {
var transformedJson = {
"newRootLevel": json
};
return transformedJson;
}))
.pipe(gulp.dest("processed"));
});
优点:
- 易于使用
- 支持异步处理(如果你返回一个
Promise) - 允许访问每个
文件的路径
缺点:
- 只有基本的输出格式
(2) 使用 gulp-json-editor 插件:
var jeditor = require('gulp-json-editor');
gulp.task("migratefiles", function () {
return gulp.src("files/**/*.json")
.pipe(jeditor(function(json) {
var transformedJson = {
"newRootLevel": json
};
return transformedJson;
}))
.pipe(gulp.dest("processed"));
});
优点:
- 易于使用
- 自动识别您的输入文件使用的缩进(两个空格、四个空格、制表符等)并相应地格式化您的输出文件
- 支持各种
js-beautify选项
缺点:
- 似乎不支持异步处理
- 似乎没有办法访问每个文件的路径
(3) 手动操作(直接访问 vinyl 使用 map-stream 的文件对象):
var map = require('map-stream');
gulp.task("migratefiles", function () {
return gulp.src("files/**/*.json")
.pipe(map(function(file, done) {
var json = JSON.parse(file.contents.toString());
var transformedJson = {
"newRootLevel": json
};
file.contents = new Buffer(JSON.stringify(transformedJson));
done(null, file);
}))
.pipe(gulp.dest("processed"));
});
优点:
- 完全控制/访问所有内容
- 支持异步处理(通过
done回调)
缺点:
- 更难使用
这篇关于读取一堆 JSON 文件，转换它们并保存它们的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持跟版网！
本站部分内容来源互联网,如果有图片或者内容侵犯了您的权益，请联系我们，我们会在确认后第一时间进行删除！