Question

我缩小了我的css文件，但它没有摆脱 /*! important comments */。

有没有办法摆脱重要评论？

我发现了这个 - grunt-contrib-cssmin - how to remove comments from minified css 但@Rigotti的回答不适用于重要的评论。

感谢您的帮助！

Answer 1

许多grunt插件不会删除重要注释，因为符号/*! */通常用于防止删除。但是，grunt-strip-css-comment提供了删除它们的选项。

您可以将以下stripCssComments任务应用于缩小的.css文件。

<强> Gruntfile.js

module.exports = function(grunt) {

  require('load-grunt-tasks')(grunt);

  grunt.initConfig({
    cssmin: {
      // ...
    },
    stripCssComments: {
        options: {
          preserve: false // <-- Option removes important comments.
        },
        dist: {
            files: {
                // Redefine paths as necessary.
                // These should probably both be the same given your scenario.
                'path/to/dest/file.min.css': 'path/to/src/file.min.css'
            }
        }
    }
  });

  // Define the alias to the `stripCssComments` Task after your `cssmin` Task. 
  grunt.registerTask('default', ['cssmin', 'stripCssComments']);
};

安装：

cd到您的项目目录并运行：

npm i -D grunt-strip-css-comments load-grunt-tasks

注意：使用插件load-grunt-tasks而不是典型的grunt-strip-css-comments符号加载grunt.loadNpmTasks(...)，因此您也需要安装它。

有没有办法删除重要的评论？

1 个答案: