Question

有没有办法从一个scss文件输出多个css文件？

示例：

我有default.sass，但我也想创建一个未经过断言的default.css和minified default.min.css。

我知道我可以通过打开两个命令提示来执行此操作，但我希望我能用命令将其敲出来。

感谢。

Answer 1

如果你使用Windows，我有一个解决方案，虽然它有点笨拙。

制作3个批处理文件，所有文件都在同一个文件夹中。第一个是您实际运行的文件，另外两个是将使用START命令运行，抑制的程序。

@echo off
START "Regular CSS" /D%~dp0 /B "core.css.bat"
START "Minified CSS" /D%~dp0 /B "core.min.css.bat"

“* CSS”将成为窗口标题。必要但在这种情况下未使用。 “/ D％~dp0”将工作目录设置为执行目录。 “/ B”禁止创建新窗口，而是在当前控制台中运行它。 “* .bat”是要运行的批处理文件。

第二个是你正常的CSS文件。

@echo off
sass --watch ./core.scss:../css/core.css --style expanded --cache-location ./.core.css-cache

第三，你的缩小CSS。

@echo off
sass --watch ./core.scss:../css/core.min.css --style compressed --cache-location ./.core.min.css-cache

你必须指定单独的缓存位置，否则编译器将爆炸。

因为START不等待执行终止，除非用/WAIT标记，否则这将在一个控制台内一次性分离两个批处理文件。 Ctrl + C 还会提示您单独杀死两个会话。

显然，请随意使用细节，但这个一般概念对我来说很好。

Answer 2

我是通过jetbrain做到的。拥有不同风格的多个输出很简单。只需通过不同的参数添加其他文件观察器。

对于参数输入的标准输出：

--no-cache --update $FileName$:css\$FileNameWithoutExtension$.css --style expanded

并且在参数输入处缩小输出：

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

Answer 3

我遇到了同样的问题，在Windows上运行。我解决它的最简单方法是打开两个命令提示符。使用span.chinese-word { display: inline-block; position: relative; top: 0.5em; } span.chinese-word span { display: block; text-align: center; }，另一个使用style=compressed。不是最舒服的解决方案，但它是最简单的解决方案。

SASS多文件输出

3 个答案: