尝试使用咕噜咕噜的uncss来删除一些css

Trying to use grunt uncss to remove some css

本文关键字:删除 css uncss      更新时间:2023-09-26

我有一个网站,我继承了几个巨大的css文件,在Firefox中使用DUst-Me选择器进行分析,返回了近2000个未使用的样式。

要删除它们,我正在尝试使用grunt uncss,问题是我收到以下错误:

grunt uncss
Running "uncss:dist" (uncss) task
Fatal error: uncss/node_modules/css: missing '}' near line 2429:5
 ->     .mobile-hidden {

这些是我的配置文件

包.json

{
  "name": "tappr-registration",
  "version": "0.1.0",
  "devDependencies": {
    "grunt": "~0.4.5",
    "grunt-contrib-copy": "^0.7.0",
    "grunt-contrib-jshint": "~0.10.0",
    "grunt-contrib-nodeunit": "~0.4.1",
    "grunt-contrib-uglify": "^0.6.0",
    "grunt-processhtml": "^0.3.3",
    "grunt-uncss": "^0.3.7"
     }
}
咕噜

咕噜.js

module.exports = function(grunt) {
// Project configuration.
grunt.initConfig({
    pkg: grunt.file.readJSON('package.json'),
    uncss: {
        dist: {
            options: {
                media: ['min-width'],
                timeout: 1000,
                htmlroot: 'public_html',
                report: 'max'
            },
            files: {
                'dist/clean.css': ['public_html/index.php',     'public_html/page_2.html', 'public_html/page_3.html']
            }
        }
    }
});
// Load the plugin that provides the "uncss" task.
grunt.loadNpmTasks('grunt-uncss');
grunt.loadNpmTasks('grunt-processhtml');
grunt.registerTask('default', ['uncss','processhtml']);
};
现在,我

最好的猜测是我收到此错误,因为我以错误的方式指定了要包含的媒体查询,但我还没有找到一些关于 uncss 如何想要该选项的体面文档。

我已经尝试取消选项。

有人有什么好的建议吗?

不信由你,问题是由评论引起的:

<!-- ----- Responsive 34.2857142857em ------>

之后,我删除了它们,一切正常,我可以说这是非常需要的。

Running "uncss:dist" (uncss) task
File cleancss/tidy.css created: 229.48 kB → 25.98 kB

:)