我们可以在dw软件内设置选项以将在 Sass 或 LESS 文件中所做的更改自动编译为等效的 CSS 。还可以指定要保存生成的 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 文件将会自动更新 。实时视图中的网页也会自动刷新 。
推荐阅读
- Axure如何制作产品流程图?操作方法是什么?
- 淘宝店铺信誉等级高有什么用处?如何提升等级?
- 拼多多沉默店铺如何恢复?怎么重新开店?
- 延迟退休方案2022年正式实施吗 官方如何规定
- 抖音小店销量刷不上去怎么办?如何提高流量?
- 抖音门店怎么开?如何运营抖音店铺?
- 抖音卖货需要营业执照吗?如何卖货?
- 抖音卖货怎么操作?如何运营?
- 抖音达人定向高佣申请如何配置?怎么做?
- 抖音怎样删除实名认证?抖音如何运营?