Web Lints Configurations

some practical lint configurations

• eslint base configuration
• eslint typescript configuration
• stylelint base configuration

Requirement

| Type | File | Deps | Desc | |---|---|---|---| | JavaScript | lib/eslint/base | eslint@^8.34.0 | javascript base configuration | | TypeScript | lib/eslint/typescript | eslint@^8.34.0 @typescript-eslint/parser@^5.51.0 @typescript-eslint/eslint-plugin@^5.51.0 | typescript configuration | | React | lib/eslint/react | eslint@^8.34.0 @babel/eslint-parser@^7.19.1 eslint-plugin-react@^7.32.2 eslint-plugin-react-hooks@^4.6.0 | react & jsx & hooks configuration | | Vue | lib/eslint/vue | eslint@^6.8.0 eslint-plugin-vue@^6.1.2 babel-eslint@^10.0.3 | vue2 configuration | | import | lib/eslint/import | eslint-plugin-import@^2.27.5 | linting of ES6+ import/export syntax, and prevent issues with misspelling of file paths and import names | | jsx-a11y | lib/eslint/jsx-a11y | eslint-plugin-jsx-a11y@^6.7.1 | Static AST checker for accessibility rules on JSX elements | | Stylelint | lib/stylelint | stylelint@^14.16.1 | stylelint configuration |

Use

新建本地.eslintrc.js或者.stylelintrc.js配置文件，extends lint配置。

eslint javascript

module.exports = {
  root: true,
  extends: [
    require.resolve("@web-io/lint-config/lib/eslint/base")
  ],
  rules: {
    // your rules
  }
};

eslint typescript

module.exports = {
  root: true,
  extends: [
    require.resolve("@web-io/lint-config/lib/eslint/typescript")
  ],
  rules: {
    // your rules
  }
};

eslint react

module.exports = {
  root: true,
  extends: [
    require.resolve("@web-io/lint-config/lib/eslint/react")
  ],
  rules: {
    // your rules
  }
};

eslint vue

module.exports = {
  root: true,
  extends: [
    require.resolve("@web-io/lint-config/lib/eslint/vue")
  ],
  rules: {
    // your rules
  }
};

stylelint

module.exports = {
  root: true,
  extends: [
    require.resolve("@web-io/lint-config/lib/stylelint")
  ],
  rules: {
    // your rules
  }
};

Changelog

visit Changelog know more

参考

• eslint-config-ali
• @umijs/fabric