@ctsx/eslint-config-react v0.0.0

@ctsx/eslint-config-react

eslint 代码格式化规范实践插件

使用说明

安装

npm install @ctsx/eslint-config-react -D

添加配置文件

.eslintrc.js

/// https://eslint.org/
module.exports = {
  root: true,
  extends: ['@ctsx/react'],
  ignorePatterns: ['**/vendor/*.js'],
  rules: {},
  globals: {
    varible: true,
  },
  settings: {
    'import/resolver': {
      // 别名配置
      // https://www.npmjs.com/package/eslint-import-resolver-alias
      alias: {
        // 假如是相对路径，则是从根目录开始计算
        // require('@shushu.pro/tsconfig').eslintAlias()
        map: [['@cat', './demo/Class.tsx']],
        extensions: ['.js', '.jsx', '.ts', '.tsx', '.json'],
      },
      node: {
        extensions: ['.js', '.jsx', '.ts', '.tsx'],
      },
    },
  },
  overrides: [
    {
      files: ['./build/**'],
      rules: {
        'global-require': 'off',
        'import/no-extraneous-dependencies': 'off',
        '@typescript-eslint/no-var-requires': 'off',
      },
    },
  ],
};

.prettierrc.yaml

# https://prettier.io/docs/en/options.html
trailingComma: 'es5'
printWidth: 80
tabWidth: 2
semi: true
singleQuote: true
bracketSpacing: true
bracketSameLine: false
endOfLine: auto
arrowParens: 'always'