在gulp中配置jshint代码

在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)
})
```

---

常用规则

更多规则请参考：http://jshint.com/docs/options/