【问题标题】:Trying to use grunt uncss to remove some css尝试使用 grunt uncss 删除一些 css
【发布时间】:2014-11-27 05:50:39
【问题描述】:

我有一个网站,我继承了几个巨大的 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 {

这些是我的配置文件

package.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"
     }
}

Gruntfile.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 如何想要该选项的体面的文档。

我已经尝试取消选项。

有人有什么好的建议吗?

【问题讨论】:

    标签: javascript css node.js gruntjs


    【解决方案1】:

    不管你信不信问题是由 cmets 引起的:

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

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

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

    :)

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2014-08-11
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多