DW如何自动编译CSS预处理器？操作方法有什么？

我们可以在dw软件内设置选项以将在 Sass 或 LESS 文件中所做的更改自动编译为等效的 CSS。还可以指定要保存生成的 CSS 的位置（在站点根目录内）。本文小编来教大家dw如何自动编译css预处理器。

操作步骤如下：

1、“站点设置”对话框中，选择“CSS 预处理器”>“常规”>“保存文件时启用自动编译”。

2、单击“CSS 预处理器”>“源和输出”。

3、指定要保存生成的 CSS 文件的位置。可以选择下列选项之一：

与源文件处于同一文件夹

如果希望保存生成的 CSS 文件的文件夹与源 Sass 和 LESS 文件所在的文件夹是同一文件夹，请选择此选项。

定义输出文件夹

选择此选项并指定要保存生成的 CSS 文件的文件夹。

替换输入路径的段

使用此选项，可以使用 From 和 To 字符串替换路径的一部分。

4、指定包含dw跟踪的 Sass 或 LESS 文件的文件夹。如果对跟踪的文件夹中的任何文件进行更改，在保存它们后dw会自动编译它们。

成功编译后，会在“输出”面板（“窗口”>“结果”>“输出”）中显示一条消息，面板中的状态图标将显示为绿色。要打开编译的 CSS，请在面板中双击成功消息。

如果发现任何错误，则意味着 CSS 将不会成功编译。状态图标将显示为红色，“输出”面板会列出所有错误和警告。可以双击面板中的错误消息以快速跳转到代码中的错误行。在解决所有错误之前，CSS 文件无法成功编译。

获取编译的 CSS 文件之后，可以将网页链接到样式表。当对 CSS 预处理器进行任何更改时，相应的已编译 CSS 文件将会自动更新。实时视图中的网页也会自动刷新。