eslint配置

ESLint中文网：https://cn.eslint.org/

一、开启/关闭规则

ESLint 附带有大量的规则。你可以使用注释或配置文件修改你项目中要使用的规则。要改变一个规则设置，你必须将规则 ID 设置为下列值之一：

• "off" 或 0 - 关闭规则
• "warn" 或 1 - 开启规则，使用警告级别的错误：warn (不会导致程序退出)
• "error" 或 2 - 开启规则，使用错误级别的错误：error (当被触发的时候，程序会退出)

二、常用规则配置

所有规则：https://cn.eslint.org/docs/rules/

rules: {
    'eqeqeq': 'off', // 关闭===代替==的告警
    'default-case': 'off', // 关闭switch没有default的告警
    'array-callback-return': 'off', // 关闭数组函数没有return的告警
    'no-script-url': 'off', // 关闭a标签href无url的告警
    'jsx-a11y/anchor-is-valid': 'off', // 关闭jsx a标签无效的告警
    'jsx-a11y/anchor-has-content': 'off' // 关闭jsx a标签无内容的告警
}

a11y：accessibility （n. 易接近；可亲；可以得到）

三、webpack的eslint-loader配置

webpack官方配置介绍：https://webpack.docschina.org/loaders/eslint-loader/

const eslintFormatter = require('react-dev-utils/eslintFormatter');

{
    test: /\.(js|jsx|mjs)$/,
    enforce: 'pre',
    use: [
    {
        options:
        {
            formatter: eslintFormatter,
            eslintPath: require.resolve('eslint'),
            // @remove-on-eject-begin
            baseConfig:
            {
                extends: [require.resolve('eslint-config-react-app')],
            },
            ignore: false,
            useEslintrc: false,
            rules:
            {
                'eqeqeq': 'off', // 关闭===代替==的告警
                'default-case': 'off', // 关闭switch没有default的告警
                'array-callback-return': 'off', // 关闭数组函数没有return的告警
                'no-script-url': 'off', // 关闭a标签href无url的告警
                'jsx-a11y/anchor-is-valid': 'off', // 关闭jsx a标签无效的告警
                'jsx-a11y/anchor-has-content': 'off' // 关闭jsx a标签无内容的告警
            }
            // quiet: true, // 只处理error忽略warning
            // @remove-on-eject-end // 解释：https://github.com/facebook/create-react-app/issues/765
        },
        loader: require.resolve('eslint-loader'),
    }, ],
    include: paths.appSrc,
},