sass - 手表自动缩小？

Question

有没有办法运行：

sass --watch a.scss:a.css

但a.css最终被缩小了吗？

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

Answer 1

sass --watch a.scss:a.css --style compressed

请参阅文档以获取更新：

• http://sass-lang.com/documentation/file.SASS_REFERENCE.html#using_sass
• http://sass-lang.com/documentation/file.SASS_REFERENCE.html#output_style

Answer 2

如果您使用JetBrains，IntelliJ IDEA，PhpStorm等WebStorm编辑器，请使用设置＆gt;中的以下设置。文件监视器。

1. 将 style.scss 转换为 style.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
   

Answer 3

如果您正在使用指南针：

compass watch --output-style compressed

Answer 4

有一些不同的方法

sass --watch --style=compressed main.scss main.css

或

sass --watch a.scss:a.css --style compressed

或

通过使用Visual Studio代码扩展实时sass编译器

see more