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

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

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

文章插图
操作步骤如下:
1、“站点设置”对话框中,选择“CSS 预处理器”>“常规”>“保存文件时启用自动编译” 。
2、单击“CSS 预处理器”>“源和输出” 。
3、指定要保存生成的 CSS 文件的位置 。可以选择下列选项之一:
与源文件处于同一文件夹
如果希望保存生成的 CSS 文件的文件夹与源 Sass 和 LESS 文件所在的文件夹是同一文件夹,请选择此选项 。
定义输出文件夹
选择此选项并指定要保存生成的 CSS 文件的文件夹 。
替换输入路径的段
使用此选项,可以使用 From 和 To 字符串替换路径的一部分 。
4、指定包含dw跟踪的 Sass 或 LESS 文件的文件夹 。如果对跟踪的文件夹中的任何文件进行更改,在保存它们后dw会自动编译它们 。
【DW如何自动编译CSS预处理器?操作方法有什么?】成功编译后,会在“输出”面板(“窗口”>“结果”>“输出”)中显示一条消息,面板中的状态图标将显示为绿色 。要打开编译的 CSS,请在面板中双击成功消息 。
如果发现任何错误,则意味着 CSS 将不会成功编译 。状态图标将显示为红色,“输出”面板会列出所有错误和警告 。可以双击面板中的错误消息以快速跳转到代码中的错误行 。在解决所有错误之前,CSS 文件无法成功编译 。
获取编译的 CSS 文件之后,可以将网页链接到样式表 。当对 CSS 预处理器进行任何更改时,相应的已编译 CSS 文件将会自动更新 。实时视图中的网页也会自动刷新 。

    推荐阅读