【问题标题】:sass --watch with automatic minify?sass --watch 自动缩小?
【发布时间】:2012-02-17 07:40:38
【问题描述】:

有没有办法跑:

sass --watch a.scss:a.css

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

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

【问题讨论】:

    标签: css sass minify


    【解决方案1】:
    sass --watch a.scss:a.css --style compressed
    

    请参阅文档以获取更新:

    【讨论】:

    • 你也可以这样缩小“普通”css:sass --watch a.css:a.min.css --style compressed --scss
    • 列出所有输出样式here(嵌套、展开、紧凑和压缩)
    • 我可以得到组合样式的输出吗?我也需要压缩和扩展的输出。该怎么做?
    • 这对我来说可以让 sass 同时创建一个非缩小和缩小的 css 文件sass --watch sass/style.scss:css/style.css --watch css/style.css:css/style.min.css --style compressed --scss
    • 这似乎不适用于最新版本的 Sass 3.5.4?
    【解决方案2】:

    有一些不同的方法可以做到这一点

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

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

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

    see more

    【讨论】:

      【解决方案3】:

      如果您使用JetBrains 编辑器,例如IntelliJ IDEAPhpStormWebStorm 等。请在“设置”>“文件观察器”中使用以下设置。

      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
        

      【讨论】:

        【解决方案4】:

        如果您使用指南针:

        compass watch --output-style compressed
        

        【讨论】:

        • 这是一个指南针命令,而不仅仅是 sass。您假设指南针正在使用,但实际上可能没有使用。
        • 这也适用于我,因为我使用的是 compass 而不仅仅是 sass。
        • 那些仅仅因为这个代码是指南针而投反对票的人应该三思而后行,如果他真的有必要投反对票
        • 为什么人们会否决这个答案?这正是我首先要搜索的内容,而且我很确定我不是唯一一个,因为minify compass output Google 搜索在这里领先。
        • @fedmich 因为原始问题中从未提到过 compass,并且由于此答案缺乏任何解释,因此如果您不使用 compass,实际命令的作用是没有帮助的。我没有投反对票,但我想这就是原因,如果至少有几句描述的话,这将是一个非常好的答案。
        猜你喜欢
        • 2022-08-17
        • 1970-01-01
        • 2011-04-16
        • 1970-01-01
        • 2012-05-07
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2022-12-27
        相关资源
        最近更新 更多