通过Windows命令行批量编译SCSS文件到CSS

Question

我想知道，如何通过Windows命令行批量编译SCSS文件...在旧版本中命令＆＃39; sass --watch scssFolder：CSSFolder＆＃39;将完成这项工作，但在最新版本的SASS中它似乎已经过时了。

Answer 1

您在sass节点模块中使用的方法在最新版本中已弃用，因此您有两个（以及更多）选项：

选项1：使用node-sass

这是一个不费吹灰之力的选择。您已经安装了Node.js（和npm），因此您可以安装运行npm install -g node-sass的{​​{3}}编译器。完成所有安装后，您将能够观看或编译整个文件夹（或单个文件）。

node-sass input.scss output.css将编译一个文件。

node-sass input/folder -o output/folder将编译整个文件夹。

使用-w选项，您可以观看文件夹：

node-sass -w input/folder -o output/folder将观看文件夹并将文件编译到输出文件夹。

只需运行node-sass --help即可获得完整的选项列表。

选项2：使用Ruby SASS

您需要安装node-sass并通过运行以下命令行gem install sass安装Ruby。完成所有安装后，您将能够watch或update（编译）整个文件夹（或单个文件）。

update将编译文件夹中的单个文件或多个文件（取决于参数）。 watch将执行相同的操作，在初始编译完成后，它将监视指定文件夹中的文件或所有文件，因此每次在任何目标文件上检测到更改时，sass都将编译改变了。

两个选项都有相同的命令行sintax：

sass --watch input/folder:output/folder
sass --watch input.scss:output.css

因此，要编译文件夹中的所有文件：

sass --update path/to/input/folder:path/to/output/folder

然后编译然后观看文件夹：

sass --watch path/to/input/folder:path/to/output/folder

只需运行sass --help即可获得完整的选项列表。

希望它有所帮助！

Answer 2

目前还没有在飞镖版本中实现sass watch，编译你可以使用的.scss文件

sass filename.scss filename.css

如果你想要，你仍然可以使用ruby版本，但它很快就会过时。