GitLab CI中ESLint警告致构建失败，如何让其忽略警告？

以下几种方法可以让GitLab CI忽略ESLint警告，顺利完成构建部署：

方法1：修改构建命令，强制关闭CI严格模式 #

直接在.gitlab-ci.yml的构建命令前添加CI=false，覆盖默认的CI环境变量行为：

pages:
  script:
    - CI=false npm run build
    - cp -r public public/pages # 按需调整部署文件路径
  artifacts:
    paths:
      - public

这样构建工具不会把ESLint警告当作错误处理，直接跳过警告完成构建。

方法2：调整ESLint配置，固定规则级别 #

在.eslintrc.js里明确将未使用变量的规则设为警告级别，不受CI环境影响：

module.exports = {
  // 其他原有配置...
  rules: {
    // 把未使用变量的规则固定为warn，避免CI环境自动升级为error
    'no-unused-vars': ['warn', { vars: 'all', args: 'after-used' }]
  }
};

如果还有其他可能触发警告的规则，也可以用同样方式调整级别。

方法3：在GitLab CI配置中添加环境变量 #

直接在.gitlab-ci.yml里定义CI=false变量，全局覆盖环境：

pages:
  variables:
    CI: "false"
  script:
    - npm run build
    - cp -r public public/pages
  artifacts:
    paths:
      - public

这个方法最简洁，不需要修改项目代码，只调整CI配置。

额外情况：自定义Webpack配置的处理 #

如果项目用自定义Webpack配置，需要修改ESLintPlugin的failOnWarning选项：

const ESLintPlugin = require('eslint-webpack-plugin');

module.exports = {
  plugins: [
    new ESLintPlugin({
      // 禁止因警告终止构建
      failOnWarning: false,
      // 可选：仅在非CI环境才因错误终止，CI环境忽略
      // failOnError: process.env.CI !== 'true'
    })
  ]
};

内容的提问来源于stack exchange，提问作者kraydoz199