本文介紹了讀取一堆 JSON 文件，轉(zhuǎn)換它們并保存它們的處理方法，對(duì)大家解決問題具有一定的參考價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)吧！
問題描述
限時(shí)送ChatGPT賬號(hào)..
我正在嘗試使用 Gulp 來實(shí)現(xiàn)這一點(diǎn).
I'm trying to achieve this with Gulp.
- 讀取給定目錄中的每個(gè)
.json文件，包括子目錄. - 以某種方式對(duì)其進(jìn)行轉(zhuǎn)換，例如添加新的根級(jí)別等.
- 將它們保存到保持原始結(jié)構(gòu)的新目錄中.
我迷失的地方是如何通過管道讀取/寫入 JSON 到 src.
The point where I'm lost is how to pipe reading/writing JSON to src.
我現(xiàn)在有以下骨架.
gulp.task("migratefiles", function () {
return gulp.src("files/**/*.json")
.pipe(/* WHAT HERE? */)
.pipe(gulp.dest("processed"));
});
推薦答案
有很多方法可以做到這一點(diǎn):
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"));
});
優(yōu)點(diǎn):
- 易于使用
- 支持異步處理(如果你返回一個(gè)
Promise) - 允許訪問每個(gè)
文件的路徑
缺點(diǎn):
- 只有基本的輸出格式
(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"));
});
優(yōu)點(diǎn):
- 易于使用
- 自動(dòng)識(shí)別您的輸入文件使用的縮進(jìn)(兩個(gè)空格、四個(gè)空格、制表符等)并相應(yīng)地格式化您的輸出文件
- 支持各種
js-beautify選項(xiàng)
缺點(diǎn):
- 似乎不支持異步處理
- 似乎沒有辦法訪問每個(gè)文件的路徑
(3) 手動(dòng)操作(直接訪問 vinyl 使用 map-stream 的文件對(duì)象):
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"));
});
優(yōu)點(diǎn):
- 完全控制/訪問所有內(nèi)容
- 支持異步處理(通過
done回調(diào))
缺點(diǎn):
- 更難使用
這篇關(guān)于讀取一堆 JSON 文件，轉(zhuǎn)換它們并保存它們的文章就介紹到這了，希望我們推薦的答案對(duì)大家有所幫助，也希望大家多多支持html5模板網(wǎng)！
【網(wǎng)站聲明】本站部分內(nèi)容來源于互聯(lián)網(wǎng),旨在幫助大家更快的解決問題，如果有圖片或者內(nèi)容侵犯了您的權(quán)益，請(qǐng)聯(lián)系我們刪除處理，感謝您的支持！