首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >微信小程序wepy框架入门教程 - 安装less/sass(四)

微信小程序wepy框架入门教程 - 安装less/sass(四)

作者头像
王小婷
发布2025-05-18 16:59:54
发布2025-05-18 16:59:54
9800
代码可运行
举报
文章被收录于专栏:编程微刊编程微刊
运行总次数:0
代码可运行

使用sass原因

代码语言:javascript
代码运行次数:0
运行
复制
1:Sass完全兼容所有版本的CSS
2:Sass拥有比其他任何CSS扩展语言更多的功能和特性
3:增加了一些高级功能,这些拓展令 CSS 更加强大

项目里会使用到,所以要提前安装一下。 在wepy里面安装less/sass

操作步骤:

1:安装sass

代码语言:javascript
代码运行次数:0
运行
复制
npm i node-sass
5640239-1872c6e4b6fca2c5.png
5640239-1872c6e4b6fca2c5.png

2:安装wepy-compiler-sass插件

代码语言:javascript
代码运行次数:0
运行
复制
npm install wepy-compiler-sass --save-dev
5640239-8d555c68b7b5cbd5.png
5640239-8d555c68b7b5cbd5.png

3:配置wepy.config.js

5640239-004671751d870386.png
5640239-004671751d870386.png
总体思路:
代码语言:javascript
代码运行次数:0
运行
复制
//安装sass
npm i node-sass
//安装wepy-compiler-sass插件
npm install wepy-compiler-sass --save-dev

//配置wepy.config.js
module.exports = {
    "compilers": {
        sass: {
            'outputStyle': 'compressed'
        }
    }
};

原文作者:祈澈姑娘 技术博客:https://www.jianshu.com/u/05f416aefbe1 90后前端妹子,爱编程,爱运营,文艺与代码齐飞,魅力与智慧共存的程序媛一枚。 坚持总结工作中遇到的技术问题,坚持记录工作中所所思所见,对于博客上面有不会的问题

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2019-02-22,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 操作步骤:
    • 总体思路:
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档