SASS编译扩展和压缩的CSS并重命名输出

Question

我使用命令行sass --watch style.scss --style compressed输出我的SCSS样式表的压缩CSS版本。

有没有办法输出一个展开的和一个压缩的CSS文件，分别调用它们是style.css和style.min.css？

我在没有找到任何相关信息的情况下阅读了documentation。

Answer 1

你最好的选择是和Gulp或Grunt这样的任务经理一起去。然后，您可以为SASS指定两个单独的任务并运行grunt compile（使用下面的Grunt示例）。一个用于压缩，一个用于扩展。否则我会在终端上运行另一个命令，如果你不想弄乱配置。

sass: {

expanded: {
    options: {
         style: 'expanded'
    },
    files: {
         'css-expanded/*.css': 'sass/*.scss'
    }
}
compressed: {
    options: {
         style: 'compressed'
    }
    files: {
         'css-compressed/*.min.css': 'sass/*.scss'
    }
}

grunt.registerTask('compile': ['sass:expanded', 'sass:compressed']);

Answer 2

你可以运行两个终端窗口，每个窗口都有一个观察者。在一个你会运行

sass --watch style.scss:style.css --style nested

在另一个你会运行

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

我不知道在一行中执行此操作的方法。