【发布时间】:2012-02-17 07:40:38
【问题描述】:
有没有办法跑:
sass --watch a.scss:a.css
但是 a.css 最终被缩小了吗?
如何避免在编译样式表时运行单独的缩小步骤?
【问题讨论】:
有没有办法跑:
sass --watch a.scss:a.css
但是 a.css 最终被缩小了吗?
如何避免在编译样式表时运行单独的缩小步骤?
【问题讨论】:
sass --watch a.scss:a.css --style compressed
请参阅文档以获取更新:
【讨论】:
sass --watch a.css:a.min.css --style compressed --scss
sass --watch sass/style.scss:css/style.css --watch css/style.css:css/style.min.css --style compressed --scss
有一些不同的方法可以做到这一点
sass --watch --style=compressed main.scss main.css
或
sass --watch a.scss:a.css --style compressed
或
通过使用 Visual Studio 代码扩展 live sass 编译器
【讨论】:
如果您使用JetBrains 编辑器,例如IntelliJ IDEA、PhpStorm、WebStorm 等。请在“设置”>“文件观察器”中使用以下设置。
将style.scss转换为style.css设置参数
--no-cache --update $FileName$:$FileNameWithoutExtension$.css
以及要刷新的输出路径
$FileNameWithoutExtension$.css
将style.scss转换为压缩style.min.css设置参数
--no-cache --update $FileName$:$FileNameWithoutExtension$.min.css --style compressed
以及要刷新的输出路径
$FileNameWithoutExtension$.min.css
【讨论】:
如果您使用指南针:
compass watch --output-style compressed
【讨论】:
minify compass output Google 搜索在这里领先。