推荐使用第二种方法
一、VSCode扩展引入(旧)
1.vscode搜索扩展 Easy Sass安装
2.微信开发者工具导入vscode安装的所有扩展
3.修改sass扩展配置
打开扩展目录
找到刚导入的sass扩展
打开package.json文件
改成这样 保存
4.重新打开此项目 配置完事
5.使用
在需要使用sass的page下创建.scss文件,.wxss文件不要删掉
在.scss文件里编写样式代码,保存后点开.wxss文件,会发现scss内容自动编译为相应的wxss内容
页面样式生效
二、原生内置编译插件直接支持sass(新)
1.进到project.config.json文件,在setting对象下添加属性useCompilerPlugins
文章来源:https://www.toymoban.com/news/detail-500187.html
2.将.wxss文件改成.scss文件编写代码即可使用
文章来源地址https://www.toymoban.com/news/detail-500187.html
到了这里,关于微信小程序 基础模板引入sass的两种方法的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!