gulp是一個前端構建工具，可以用來自動化處理一些重復性、機械性的任務，比如壓縮CSS、JS，編譯LESS等等。在實際的前端開發中，我們可能需要讀取JSON文件并將其用于任務處理。下面就來介紹一下如何在gulp中設置JSON。

首先，我們需要安裝gulp和gulp-json插件。

npm install gulp --save-dev
npm install gulp-json --save-dev

接下來，在gulpfile.js文件中引入gulp和gulp-json：

const gulp = require('gulp');
const json = require('gulp-json');

然后，我們就可以通過gulp-json讀取JSON文件了。下面的代碼將讀取src/config.json文件，并將其輸出到dist/json目錄下，生成一個新的文件名為data.json：

gulp.task('json', function () {
return gulp.src('src/config.json')
.pipe(json({
filename: 'data.json'
}))
.pipe(gulp.dest('dist/json'));
});

在上面的代碼中，我們使用gulp.src()方法讀取src/config.json文件。接著，我們通過gulp-json插件將JSON數據轉換為JavaScript對象，并將其寫入一個新的文件中。最后通過gulp.dest()方法將生成的data.json文件放到dist/json目錄下。

通過以上步驟，我們就可以使用gulp輕松設置JSON了。這在前端開發中是非常有用的，因為很多時候我們需要讀取后臺的JSON數據，并將其應用到前端頁面。而使用gulp-json插件，可以輕松地讀取和操作JSON，使開發更加高效。