环境:React,Webpack,Babel
基本安装npm install eslint --save-dev
npm install eslint-loader --save-dev
处理ES6npm install babel-eslint --save-dev
针对Reactnpm install eslint-plugin-react --save-dev
在webpack中配置
...module: { rules: [{test: /.(js|jsx)$/,exclude: /node_modules/,use: ["babel-loader","eslint-loader"] }]}...
详细规则配置
在项目根目录下新建.eslintrc文件(可 eslint --init生成)
忽略检测
根目录新建.eslintignore文件 里面直接写要忽略的目录
src/containers/hotSearch/src/entry/src/helper/src/store/
至此,在编写代码中出现错误可有红色波浪线提示,如未定义直接使用变量
项目运行后可在控制台console查看报错
每次修改.eslintrc文件规则时建议重新运行项目。
TOP