问题标签 [clean-css]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
96 浏览

css - 在 CSS3 中,声明块之间的逗号是什么意思?

是的,我们都知道选择器之间的逗号是什么意思。

这是不同的。我以为我很了解 CSS,但今天我遇到了以前从未见过的东西——声明块之间的逗号。我一直在使用clean-css,它生成了这个缩小的、干净的输出(为了便于阅读,我重新插入了一些空格):

请注意body .container. 这是有效的 CSS 吗?如果是这样,那是什么意思?

我为 clean-css 输入的 CSS 如下:

0 投票
2 回答
2382 浏览

npm - gulp-clean-css 无法为字体和图像等资产的 url() 设置正确的相对路径

我使用 NPM 和 Gulp 作为我的包管理器和构建系统。我已经安装了“gulp-sass”来支持 sass,并安装了“gulp-clean-css”以便我可以@import css 文件内联。我在“_frontend/scss/**/*”中捕获我的 SCSS 文件,并将其编译为单个文件作为“assets/frontend/css/styles.css”。在输出位置,我还有其他重要的资源文件夹,它们是“css”的兄弟:“fonts”、“img”和“js”。

我的问题是当我导入“* .css”文件时,我无法正确获取指向目标的 url() 相对路径。但是,当我导入“.scss”文件时没问题。

这是我的代码(我拿出了源图、错误日志等来简化问题):

GULPFILE.JS

主文件

以下是可以的

输出似乎带有正确的相对路径 示例输出: url(../fonts/FontAwesome/fontawesome-webfont.eot?v=4.6.1)

以下不是

示例输出: url(../node_modules/jquery-ui/themes/base/images/animated-overlay.gif) ^^ 以上以某种方式附加了“../node_modules”。 我希望它以某种方式将其设置为“../img/vendor/jquery-ui/what/ever/i/like/here”

这是我的目录结构。

如果有人能在这方面提供帮助,那就太好了。

0 投票
1 回答
5345 浏览

npm - cleancss 命令不起作用

我在本地安装了 clean-css,但我的 npm 脚本抛出错误,因为找不到 cleancss ( sh: cleancss: command not found)。我尝试直接从命令行运行 cleancss 并全局安装(npm install -g clean-css),但我的 shell 仍然不知道它。所有其他软件包都工作正常。这是我的 package.json 的样子:

我错过了什么?

0 投票
0 回答
371 浏览

javascript - 更改 grunt min css 中的“clean css”选项

使用Grunt CSS min时,是否需要使用某种特殊语法来覆盖 Clean CSS 默认值?

查看文档,我可以成功地使“roundingPrecision”示例正常工作,但尝试覆盖其他 Clean CSS 规则对我不起作用。

我在下面给出了一个配置示例,我试图防止重复规则被删除(在这种情况下,我需要为不支持 CSS 变量的浏览器提供非 CSS 变量回退)。不过,这对我不起作用。

这是我的 Grunt 配置的 CSS Min 部分:

使用上述配置,会发生以下情况:

变成

但是,不应删除第二个背景规则。

我在另一个 StackOverflow 问题中注意到,似乎我可能需要针对 Clean CSS 的某些特定区域-<a href="https://stackoverflow.com/questions/29828059/use-clean-css-compatibility-options -in-grunt-contrib-cssmin">在 grunt-contrib-cssmin 中使用 clean-css 兼容性选项——但我不确定如何为其他属性(如“removeDuplicateRules: false”)执行此操作。

我猜我在做一些根本错误的事情。任何指示都会有所帮助——谢谢。

更新#2

正如建议的那样,我尝试如下使用尝试的“级别”选项,但没有成功:

0 投票
0 回答
104 浏览

node.js - 除非我通过 sudo 安装 cleancss,否则为什么 minify-all 会因“找不到 cleancss”错误而失败?

当我运行我的时npm install,我可以看到 clean-css安装!它正确显示在目录中。无论我重新安装多少次,甚至npm install -g clean-css,它都会不断抛出错误。

但是如果我以超级用户身份安装 clean-css,然后以普通用户身份再次运行我的 npm 脚本,它就可以工作了!

为什么?我该如何解决?

0 投票
1 回答
622 浏览

node.js - 未找到 Clean-css NPM 命令

我正在尝试使用 clean-css 在 Mac 上使用简单的终端命令来缩小我的 CSS 文件。我已经尝试了所有安装旧版本的 clean-css 的方法,如下所示:

像这样安装命令行版本:

安装似乎很顺利,但是每当我尝试运行时

我收到一条错误消息,“找不到命令”。我错过了什么吗?

0 投票
1 回答
3764 浏览

gulp - 如何删除 gulp clean-css 中的特殊注释?

如何删除 gulp clean-css 中的特殊注释?

似乎没有效果

0 投票
2 回答
544 浏览

javascript - Clean-Css 任务在 gulpfile 中给出错误:无法读取属性“on”

我对 gulp 完全陌生,我想添加一个任务来缩小并最终清理任何重复或未使用的 css。我的 gulpfile 在下面,目前我仍在学习中。

我知道稍后我将使用 post-css 和可以与之配套的模块。现在我收到一个错误:"Cannot read property 'on' of undefined at DestroyableTransform.Readable.pipe". 它来自cleancss任务,当我把它拿出来时,没有错误。任何帮助和建议将不胜感激。

0 投票
1 回答
755 浏览

css - 为什么缩小 CSS 的 gulp-clean-css 任务的输出是空文件?

我使用gulp -clean-css作为gulp.task来缩小 CSS。

我的文件路径是css/mehr.css,缩小 CSS 的路径是css/mehr.min.css

但是当我运行任务时:

mehr.min.css 已创建,但它是空的!

输出 :

我的 gulpfile.js 是:

我使用最新版本的 gulp-clean-css :

输出 :

0 投票
1 回答
221 浏览

css - 如何将请求通过管道传输到 nodejs 中的 clean-css?

我正在尝试将请求输出通过管道传输到 clean-css 以缩小然后将其作为响应提供。有问题的示例应用程序是基于 restify 构建的。

示例目标代码:

如何定义 minify() 函数以接受流并返回一个。我已经尝试了几十个包,没有一个有效。帮助将不胜感激!