如何移除CSS文件中的/*!重要注释？使用grunt-contrib-cssmin无效求解

嘿，这个困扰我也经历过！默认情况下，grunt-contrib-cssmin会保留以/*!开头的“特殊注释”，但其实通过配置就能强制移除它们，给你两种靠谱的方案：

方案一：直接配置clean-css参数（推荐） #

grunt-contrib-cssmin底层依赖的是clean-css，我们可以直接传递clean-css的配置项来控制特殊注释的处理。关键是设置specialComments为0，这个参数的取值规则是：

• 0：移除所有特殊注释
• 1：只保留第一个特殊注释
• 2：保留所有特殊注释

在你的Gruntfile.js里修改cssmin任务的配置：

grunt.initConfig({
  cssmin: {
    minify: {
      options: {
        level: {
          1: {
            specialComments: 0 // 核心配置：移除所有/*! ... */类型注释
          }
        }
      },
      files: {
        'dist/your-minified.css': ['src/your-source.css']
      }
    }
  }
});

方案二：用PostCSS插件兜底 #

如果第一种方案因为版本兼容等原因不生效，可以搭配PostCSS的postcss-discard-comments插件来彻底清除所有注释。

1. 先安装依赖：

npm install postcss postcss-discard-comments grunt-postcss --save-dev

2. 在Gruntfile.js中配置postcss任务：

grunt.initConfig({
  // 先保留你的cssmin配置
  cssmin: {
    // ... 你的原有配置
  },
  postcss: {
    options: {
      processors: [
        require('postcss-discard-comments')({
          removeAll: true // 强制移除所有注释，包括特殊注释
        })
      ]
    },
    dist: {
      src: 'dist/your-minified.css' // 对cssmin输出的文件再处理
    }
  }
});

// 加载postcss任务
grunt.loadNpmTasks('grunt-postcss');

// 串联任务，确保先压缩再清注释
grunt.registerTask('build-css', ['cssmin', 'postcss']);

优先试试方案一，它更直接，不需要额外依赖。如果还是有问题，方案二肯定能解决~

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