gulp是一個非常流行的構建工具,可以幫助我們自動化完成很多重復的、機械的任務。在開發過程中,經常會需要讀寫json文件,gulp也提供了非常方便的方法來做這件事情。
首先,我們需要安裝gulp和gulp-json插件:
npm install gulp --save-dev npm install gulp-json --save-dev
接下來,我們創建gulp任務(示例代碼僅供參考):
var gulp = require('gulp'); var jsonfile = require('gulp-json'); gulp.task('readJson', function () { gulp.src('data.json') .pipe(jsonfile()) .pipe(gulp.dest('dist/')); }); gulp.task('writeJson', function () { var jsonData = { "name": "gulp", "version": "1.0.0" }; gulp.src('data.json') .pipe(jsonfile(jsonData)) .pipe(gulp.dest('dist/')); });
上述代碼中,readJson任務用來讀取data.json文件,將其轉換成js對象后輸出到dist目錄下。writeJson任務用來寫入數據到data.json文件中,這里我們直接傳入了一個js對象jsonData。
我們可以通過運行以下命令來執行這些任務:
gulp readJson gulp writeJson
當然,我們也可以寫一個綜合任務,來執行所有的讀寫操作:
gulp.task('json', ['readJson', 'writeJson']);
最后,我們再來看一下data.json文件:
{ "name": "gulp-json", "version": "0.1.0" }
執行完任務后,我們得到的dist/data.json文件如下:
{ "name": "gulp", "version": "1.0.0" }
至此,我們已經成功讀寫了json文件,可以在開發過程中方便地使用gulp來操作這些數據了。
下一篇mysql全面教學