本文介紹了讀取一堆 JSON 文件，轉換它們并保存它們的處理方法，對大家解決問題具有一定的參考價值，需要的朋友們下面隨著小編來一起學習吧！
問題描述
限時送ChatGPT賬號..
我正在嘗試使用 Gulp 來實現(xiàn)這一點.
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.
我現(xiàn)在有以下骨架.
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"));
});
優(yōu)點:
- 易于使用
- 支持異步處理(如果你返回一個
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"));
});
優(yōu)點:
- 易于使用
- 自動識別您的輸入文件使用的縮進(兩個空格、四個空格、制表符等)并相應地格式化您的輸出文件
- 支持各種
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"));
});
優(yōu)點:
- 完全控制/訪問所有內容
- 支持異步處理(通過
done回調)
缺點:
- 更難使用
這篇關于讀取一堆 JSON 文件，轉換它們并保存它們的文章就介紹到這了，希望我們推薦的答案對大家有所幫助，也希望大家多多支持html5模板網！
【網站聲明】本站部分內容來源于互聯(lián)網,旨在幫助大家更快的解決問題，如果有圖片或者內容侵犯了您的權益，請聯(lián)系我們刪除處理，感謝您的支持！