在WX小程序中运用SCSS_微信小程序使用scss

CSS（Sassy Cascading Style Sheets）是一种CSS预处理器，它扩展了CSS并引入了许多有用的功能，例如变量、嵌套规则、混合（Mixin）等。使用SCSS可以让你更高效地编写和管理CSS代码。

首先，SCSS允许使用变量来存储颜色、字体、尺寸等信息，这样可以在整个样式表中轻松地重复使用这些值，并且当需要调整样式时，只需修改变量的值即可，而不必逐个修改每个使用到该值的地方。

其次，SCSS支持嵌套规则，这意味着你可以更清晰地表示HTML元素之间的层级关系，而不必反复书写父级元素的选择器。

另外，SCSS提供了Mixin的功能，允许定义可重用的样式块，这样可以减少重复的CSS代码，使样式表更加简洁和易于维护。

最后，SCSS还支持导入其他SCSS文件，可以将样式表模块化，并按功能或组件拆分为多个文件，有助于提高代码的组织性和可维护性。

总的来说，SCSS通过引入这些功能和语法上的改进，使得编写和维护CSS变得更加高效和灵活。

在写小程序中运用SCSS

旧项目

在 project.config.json 文件中，修改 setting 下的 useCompilerPlugins 字段为 ["typescript"]，即可开启工具内置的 typescript 编译插件。 如需同时开启 less 编译插件，可将该字段修改为 ["typescript", "less"]。 目前支持三个编译插件：typescript、less、sass

新建项目

可在创建小程序项目时，选择对应的语言模板。 目前支持的语言模板有

• TypeScript
• TypeScript + Less
• TypeScript + Sass

以上方法来源于微信小程序开发文档