目录
Webpack 2.2 中文文档
jshint loader
webpack的jshint loader
用法
在你的webpack配置里启用jshint loader
module.exports = { module: { preLoaders: [ { test: /\.js$/, // 对.js文件进行处理 exclude: /node_modules/, // 排除掉node_modules文件夹下的所有文件 loader: "jshint-loader" } ] }, // 更多jslint的配置项 jshint: { // 查询jslint配置项,请参考 http://www.jshint.com/docs/options/ // 例如 camelcase: true, //jslint的错误信息在默认情况下会显示为warning(警告)类信息 //将emitErrors参数设置为true可使错误显示为error(错误)类信息 emitErrors: false, //jshint默认情况下不会打断webpack编译 //如果你想在jshint出现错误时,立刻停止编译 //请设置failOnHint参数为true failOnHint: false, // 自定义报告函数 reporter: function(errors) { } } }
自定义报告函数
在默认情况下,jshint-loader会提供一个默认的报告方法。
然而,如果你想自定义报告函数,你可以在jshint配置下 key 为report下的配置项里传入自定义的函数(参考上文的用法)
然后,jshint将会生成与以下示例结构一致的错误/警告信息(数组)给报告函数。
[ { id: [字符串, 通常是 '(error)'], code: [字符串, 错误/警告(error/warning)编码], reason: [字符串, 错误/警告(error/warning)信息], evidence: [字符串, 对应生成此错误的编码] line: [数字] character: [数字] scope: [字符串, 消息作用域; 通常是 '(main)' 除非代码被解析(eval)了] [+ 还有一些旧有的参数,一般用户不必了解] }, // ... // 更多的错误/警告 ]
报告函数会将loader的上下文信息保存在this后执行。你可以使用this.emitWarning(…)或者this.emitError(…)方法,手动触发信息的报告。请参考关于loader上下文的webpack文档.
注意: jshint reporters 是与 jshint-loader 不兼容的!
这是因为reporter的输入来源,只能从一个文件,而不能同时从多个文件读取。在这种方式下的错误报告,是与jshint的传统 reporters 不一样的,因为loader插件(例如 jshint-loader)是会在每一个源文件上执行的,因此它们的报告函数也会分别对应每一个源文件上执行。 webpack控制台输出的格式大致如下:
... WARNING in ./path/to/file.js...
License
MIT (http://www.opensource.org/licenses/mit-license.php)
原文:https://webpack.js.org/loaders/jshint-loader/
上一篇: imports-loader 下一篇: json-loader