问题标签 [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 回答
97 浏览

css - 如何在 Grunt 中定义 clean-css 属性以防止 0% 被转换为 0

我正在使用 Grunt 中的 cssmin 插件缩小我的 css 文件。我注意到背景属性得到优化。Gruntfile.js

我为实现背景而编写的代码但是在运行 grunt 任务运行程序后,生成的 min 文件已优化为

注意: cssmin 将0%值转换为0使背景不同的值。

我什至阅读了文档并尝试将所有级别 1 和级别 2 属性设置为 false by 作为选项参数

仍然没有得到想要的结果。

有人可以帮我吗

0 投票
1 回答
1953 浏览

css - Tailwind CSS 样式在生产中被移除

package.json有以下脚本:

我有以下 CSS styles.css(我只使用一个 CSS 文件):

运行开发脚本工作正常,生成的代码具有我所有的风格。

运行构建脚本运行没有错误,但是,它删除了我的部分样式,我觉得这令人难以置信。我的.btn样式已应用,但我的.btn.normal样式未应用。

我认为这是由于--tw-ring-shadow属性被清理了cleancss,但是删除了构建脚本的 cleancss 部分,它仍然存在同样的问题。删除cross-env NODE_ENV=production解决了问题,但显然我想缩小文件以进行生产。

一位朋友警告说:

如果您的 CSS 文件有 Tailwind 引用,那么它将在构建过程中运行 purge css。如果发生这种情况,您可以按照此处的说明重新排序文件来避免这种情况

并在这里链接我:

https://tailwindcss.com/docs/optimizing-for-production#removing-all-unused-styles

但是我的 tailwind.config.js 应该没问题:

这是我postcss.config.js的后代:

我看过的一些链接:

0 投票
0 回答
24 浏览

npm - 找到 Import 语句时的 CleanCSS 警告

我有以下文件:

样式.css

我想用以下方法缩小:CleanCSS.

为此,我做了以下事情:

但是在执行命令时,我收到以下警告:

有什么办法可以消除这个警告吗?

不过,输出文件对我来说很好:

样式.min.css

提前致谢!

0 投票
0 回答
6 浏览

html - 使用 gulp HTMLmin,我如何为 clean-css 传递命令?

我正在使用 html-minifier ( link ),它可以选择通过 clean-css ( link ) 激活 CSS 的缩小。问题是我无法意识到如何将选项传递给 clean-css minifier。对我来说常见的用法是这样的:

如何在 htmlmin 调用中传递一些 minifyCSS 选项?我不是专业程序员,所以也许我遗漏了一些非常明显的东西。HTMLmin 的文档说 minifyCSS 的默认值是

假(可能是真,对象,函数(文本,类型))

CleanCSS 中的选项是这样的:

有没有办法做到这一点,或者我应该进入并修改插件本身以使 cleanCSS 功能正常工作?