尝试使用咕噜咕噜的uncss来删除一些css
Trying to use grunt uncss to remove some css
我有一个网站,我继承了几个巨大的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
:)
相关文章:
- 如何修复:当javascript更改DOM时,iOS会删除CSS文件
- 无法删除css类并添加新类
- 在页面加载时删除CSS模式Flash
- 如何在svg元素上添加和删除css类
- 我们可以使用jquery删除css选择器吗
- 用程序从单个HTML元素中删除CSS样式规则
- 使用jquery在toggle上添加和删除css图像类
- 如何使用setTimeout添加和删除CSS类n次
- 在使用整页.js时滚动固定元素后添加或删除 css 类
- 如何使用 jQuery 删除 CSS 属性
- 根据屏幕宽度添加/删除 CSS ID
- 使用纯 JS 删除 CSS 属性失败
- 添加/删除 CSS 类属性以尊重不基于 Div id 的类
- 删除 CSS 规则在 Firefox 中不起作用
- 完全删除 CSS 属性
- 在悬停时添加和删除 CSS 类
- 使用 jQuery 在加载时删除 CSS 样式
- 删除 css 动画不起作用
- 如何即时删除 CSS 样式
- 如何构建一个jQuery驱动的切换器来添加/删除css属性