MFE团队通用ESLint 规范,包含es6、react、react-native、vue、node规范。es6规范基于airbnb-base,react规范基于airbnb,vue规范基于eslint-plugin-vue。
规范提供了 typescript 支持,整体结构设计如下:
PS: TS相关的具体ESLint规则采用 alloy-team 的方案eslint-config-alloy
使用 npm 安装:
npm install eslint-config-mfe
首先需要安装依赖,包括:
- base depends:
- eslint
- babel-eslint
- typescript-eslint-parser
- plugins & config:
- eslint-config-airbnb-base or eslint-config-airbnb
- eslint-plugin-import
- eslint-plugin-vue
- eslint-plugin-react
- eslint-plugin-node
- eslint-plugin-jsx-a11y
- eslint-plugin-typescript
其中,plugins请按需安装;
在项目根目录创建.eslintrc.js文件,然后将下面的内容拷入
module.exports = {
extend: [
'eslint-config-mfe/eslintrc.react.js',
// add typescript config for ts support
// 'eslint-config-mfe/eslintrc.typescript-react.js'
]
};
对于 es6、react、vue、node 项目请将文件路径改为对应的文件。
此外,我们提供了快速接入工具 eslint-init