问题标签 [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.
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”
这是我的目录结构。
如果有人能在这方面提供帮助,那就太好了。
npm - cleancss 命令不起作用
我在本地安装了 clean-css,但我的 npm 脚本抛出错误,因为找不到 cleancss ( sh: cleancss: command not found
)。我尝试直接从命令行运行 cleancss 并全局安装(npm install -g clean-css
),但我的 shell 仍然不知道它。所有其他软件包都工作正常。这是我的 package.json 的样子:
我错过了什么?
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
正如建议的那样,我尝试如下使用尝试的“级别”选项,但没有成功:
node.js - 除非我通过 sudo 安装 cleancss,否则为什么 minify-all 会因“找不到 cleancss”错误而失败?
当我运行我的时npm install
,我可以看到 clean-css已安装!它正确显示在目录中。无论我重新安装多少次,甚至npm install -g clean-css
,它都会不断抛出错误。
但是如果我以超级用户身份安装 clean-css,然后以普通用户身份再次运行我的 npm 脚本,它就可以工作了!
为什么?我该如何解决?
node.js - 未找到 Clean-css NPM 命令
我正在尝试使用 clean-css 在 Mac 上使用简单的终端命令来缩小我的 CSS 文件。我已经尝试了所有安装旧版本的 clean-css 的方法,如下所示:
像这样安装命令行版本:
安装似乎很顺利,但是每当我尝试运行时
我收到一条错误消息,“找不到命令”。我错过了什么吗?
gulp - 如何删除 gulp clean-css 中的特殊注释?
如何删除 gulp clean-css 中的特殊注释?
似乎没有效果
javascript - Clean-Css 任务在 gulpfile 中给出错误:无法读取属性“on”
我对 gulp 完全陌生,我想添加一个任务来缩小并最终清理任何重复或未使用的 css。我的 gulpfile 在下面,目前我仍在学习中。
我知道稍后我将使用 post-css 和可以与之配套的模块。现在我收到一个错误:"Cannot read property 'on' of undefined at DestroyableTransform.Readable.pipe"
. 它来自cleancss
任务,当我把它拿出来时,没有错误。任何帮助和建议将不胜感激。
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 :
输出 :
css - 如何将请求通过管道传输到 nodejs 中的 clean-css?
我正在尝试将请求输出通过管道传输到 clean-css 以缩小然后将其作为响应提供。有问题的示例应用程序是基于 restify 构建的。
示例目标代码:
如何定义 minify() 函数以接受流并返回一个。我已经尝试了几十个包,没有一个有效。帮助将不胜感激!