在gulp中配置jshint代码,有两种方式
1)在package.json中配置
新建一个测试项目,根目录下npm init会生成一个package.json文件,
项目根目录下新建gulpfile.js文件
var gulp = require('gulp');
var jshint = require('gulp-jshint');
var packageJSON = require('./package'); //require配置package.json
var jshintConfig = packageJSON.jshintConfig; //package.json中配置的规则
//var map = require("map-stream");
jshintConfig.lookup = false;
// 根据jshintConfig的规则检测index.js文件
gulp.task('default', function () {
gulp.src('./**/*.js')
.pipe(jshint(jshintConfig)) //jshintConfig作为参数
.pipe(jshint.reporter('gulp-jshint-html-reporter', {
filename: __dirname + '/jshint-output.html',
createMissingFolders: false
}));
})
方法2 在.jshintrc
文件单独配置
根目录test文件夹下新建.jshintrc
文件
在文件中配置代码检测规则,如上图,注意是json格式。
与在package.json文件中配置不同的是jshint( )没有参数,gulp会自动寻找.jshintrc
文件
```
gulp.task('default', function () {
gulp.src('./**/*.js')
.pipe(jshint()) //这里的jshint没有参数
.pipe(jshint.reporter('gulp-jshint-html-reporter', {
filename: __dirname + '/jshint-output.html',
createMissingFolders: false
}));
// .pipe(customerReporter)
})
```
常用规则