sass --watch自动缩小?


235

有没有一种运行方法:

sass --watch a.scss:a.css

但是a.css最终被缩小了吗?

如何在编译样式表时避免运行单独的缩小步骤?

Answers:


546

42
您还可以通过以下方式最小化“普通” css:sass --watch a.css:a.min.css --style compressed --scss
sam 2013年

13
此处列出所有输出样式(嵌套,扩展,紧凑和压缩)
allicarn 2013年

3
我可以结合以下样式获得输出吗?我还需要压缩和扩展输出。怎么做?
Temp O'rary 2015年

3
这对我有用,让sass同时创建一个非最小化和最小化的CSS文件sass --watch sass/style.scss:css/style.css --watch css/style.css:css/style.min.css --style compressed --scss
Alex Wright

2
这似乎在最新版本的Sass 3.5.4中不起作用?
耐嚼的

22

如果您使用的是IntelliJ IDEAPhpStormWebStormJetBrains编辑器,请在“设置”>“文件监视程序”中使用以下设置。 在此处输入图片说明

  1. 转换style.scssstyle.css设置参数

    --no-cache --update $FileName$:$FileNameWithoutExtension$.css

    和输出路径以刷新

    $FileNameWithoutExtension$.css
  2. 转换style.scss为压缩style.min.css集参数

    --no-cache --update $FileName$:$FileNameWithoutExtension$.min.css --style compressed

    和输出路径以刷新

    $FileNameWithoutExtension$.min.css

15

如果您使用指南针:

compass watch --output-style compressed

12
这是一个指南针命令,而不仅仅是子。您假设可能没有使用指南针。
Doyle Lewis

4
这也对我有用,因为我使用的是指南针,而不是简单的萨斯。
fedmich

3
那些仅仅因为该代码是指南针而给了downvote的人,应该再考虑一下是否真的需要downvote
fedmich 2015年

人们为什么会反对这个答案?这正是我最初要搜索的内容,并且我可以肯定我不是唯一的人,因为minify compass outputGoogle搜索在这里遥遥领先。
Kunok

@fedmich,因为在原始问题中从未提到过指南针,并且由于该答案缺乏任何解释,因此,如果您不使用指南针,那么实际的命令将无济于事。我没有拒绝投票,但是我猜这就是原因,如果至少有一些描述的话,这将是一个很好的答案。
马赛厄斯·塞弗特
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.