脚本宝典收集整理的这篇文章主要介绍了eslint webpack2 vue-loader配置,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
eslint是一个代码检测工具
官网如下
http://eslint.cn/
npm install eslint --save-dev
eslint
eslint-loader
eslint-plugin-html (用以lint一些在html文件里面通过script包裹的js代码,它默认的匹配规则是不带type属性,或者是/^(application|text)/(x-)?(javascript|babel|ecmascript-6)$/i
,具体的内容请查阅相关文档,通过cli启动lint的时候定义文件后缀名时eslint --ext .html,.js)
eslint-config-standard (和?2个包都是javascript-style-standard风格指南需要的包)
eslint-plugin-promise
eslint-plugin-standard
eslint-friendly-formatter (生成的报告格式)
//初始化配置
eslint --init
JavaScript - 使用 .eslintrc.js 然后输出一个配置对象。
YAML - 使用 .eslintrc.yaml 或 .eslintrc.yml 去定义配置的结构。
JSON - 使用 .eslintrc.json 去定义配置的结构,ESLint 的 JSON 文件允许 JavaScript 风格的注释。
Deprecated - 使用 .eslintrc,可以使 JSON 也可以是 YAML。
package.json - 在 package.json 里创建一个 eslintConfig属性,在那里定义你的配置。
**1. .eslintrc.js
.eslintrc.yaml
.eslintrc.yml
.eslintrc.json
.eslintrc
package.json**
http://eslint.cn/docs/user-gu...
http://eslint.cn/docs/user-gu...
http://eslint.cn/docs/user-gu...
http://eslint.cn/docs/user-gu...
"off" 或 0 - 关闭规则
"warn" 或 1 - 开启规则,使用警告级别的错误:warn (不会导致程序退出)
"error" 或 2 - 开启规则,使用错误级别的错误:error (当被触发的时候,程序会退出)
module.exports = {
"parser": "babel-eslint",
"extends": "eslint:recommended",
"plugins": [
"html"
],
"env": {
"browser": true,
"node": true,
"es6":true,
"jquery":true
},
"globals": {
"Vue": true,
"AMap": true,
"tdist": true,
"EXIF": true,
"j_body": true,
"native": true,
"VueRouter": true,
"pocketPost": true,
"aliCnCityList": true,
},
"rules": {
"no-unused-vars": ["off", { "vars": "all", "args": "after-used", "ignoreRestSiblings": false }],
"no-debugger": ["off"],
"no-unreachable": ["off"],
"no-console": ["off"],
"no-extra-semi": ["off"],
}
};
module: {
rules: [
{
test: /.(js|vue)$/,
loader: 'eslint-loader',
// enforce: 'pre',//是否在loader前监测,vue中我设为否
include: [path.join(__dirname, 'src')],
options: {
formatter: require('eslint-friendly-formatter')//错误输出格式
}
}
]
}
https://segmentfault.com/a/11...
http://eslint.cn/docs/user-gu...
http://eslint.cn/docs/rules/
https://vue-loader.vuejs.org/...
以上是脚本宝典为你收集整理的eslint webpack2 vue-loader配置全部内容,希望文章能够帮你解决eslint webpack2 vue-loader配置所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。