解读

国内前端项目普遍引入 Ant Design、Element Plus、TDesign 等第三方 UI 库，其源码随 node_modules 一并安装。Grunt 流水线里若启用 stylelint、csslint 或 sass-lint 等插件，默认会递归扫描整个项目，导致成百上千条“第三方警告”混入报告，既拖慢构建，又干扰 Code Review。面试官问“豁免检查”，核心想确认两点：

1. 你能否在 Gruntfile.js 里精准配置忽略规则，而非粗暴地关闭整个插件；
2. 你是否理解 Grunt 插件的“files”与“options”两级配置体系，并能把“豁免”做成可维护、可移植、可CI 的代码，而不是临时注释。

知识点

1. Grunt 插件的多目标（multi-task）机制：每个插件可声明多个 target，每个 target 独立拥有 files、options、src、dest。
2. glob 负向模式：! 前缀可排除路径，支持 !node_modules/**/*、**/antd/**/*.css 等写法。
3. stylelint、csslint 等插件的 ignore 参数：
   • stylelint 支持 ignoreFiles 数组或 .stylelintignore 文件；
   • csslint 支持 excludeFiles 正则；
   • sass-lint 支持 ignore: 'vendor/**'。
4. Gruntfile 的函数化配置：可用 grunt.file.expand() 动态生成文件列表，把“豁免”做成变量，方便不同环境复用。
5. CI 场景下的缓存与增量检查：豁免规则必须同步给 GitLab CI / GitHub Actions，否则本地通过、线上失败。

答案

在 Gruntfile.js 中，以 stylelint 为例，采用“负向 glob + 独立 target”双保险策略：

module.exports = function(grunt) {
  // 统一维护豁免清单，支持多行通配
  const vendorIgnore = [
    '!node_modules/**/*',
    '!src/assets/theme/antd.*.css',
    '!public/cdn/element-ui@*/**/*.css'
  ];

  grunt.initConfig({
    stylelint: {
      // 1. 业务代码 target
      src: {
        src: ['src/**/*.{css,scss,less}', ...vendorIgnore], // 负向模式写在 src 数组
        options: {
          configFile: '.stylelintrc.js',
          formatter: 'string',
          ignoreDisables: false
        }
      },
      // 2. 可选：单独对第三方库做宽松检查，防止引入恶意样式
      vendor: {
        src: ['src/assets/theme/antd.*.css'], // 只扫自己覆盖的主题文件
        options: {
          configFile: '.stylelintrc.vendor.js', // 宽松规则
          ignoreFiles: ['**/antd/dist/**']      // 再次兜底
        }
      }
    }
  });

  grunt.loadNpmTasks('grunt-stylelint');
  grunt.registerTask('default', ['stylelint:src']);
};

关键点：

• 负向 glob 必须写在 src 数组里，写在 options.ignoreFiles 不会生效；
• 若团队要求“零警告”，可在 CI 脚本里加 grunt stylelint:src --max-warnings=0，一旦误引入第三方文件即失败；
• 把 vendorIgnore 抽成独立 grunt/config/ignore.js，供 csslint、eslint、htmllint 复用，实现“一处配置，处处豁免”。

拓展思考

1. Monorepo 场景：子包各自 node_modules 位于根目录之外，需把豁免写成 !**/node_modules/**/*，并配合 grunt.file.setBase() 保证路径解析一致。
2. 微前端基座：远程 UI 库通过 import-map 动态注入，物理文件不存在于仓库，此时豁免已无意义，应改为 运行时 Shadow DOM 样式隔离，并在构建阶段用 postcss-prefix-selector 给业务样式加命名空间，防止污染。
3. 性能优化：当项目含 5w+ 第三方样式文件时，负向 glob 仍会被 grunt.file.expand 遍历一次，可升级 grunt@1.6 的 grunt.file.expand({filter: 'isFile', nocase: true}) 并开启 cache 选项，把文件列表缓存到 .grunt-cache，CI 二次构建提速 40%。
4. 合规审计：金融、政务项目要求“任何开源代码均需过检”，此时不能简单豁免，而应把第三方库样式文件单独抽离成 vendor.css，用 postcss-discard-unused 删除未用规则，再用 license-checker 生成许可证报告，实现“既豁免检查，又合规留痕”。