前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >微信小程序wepy框架入门教程 - 安装less/sass(四)

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

作者头像
王小婷
发布2019-03-06 16:39:54
8080
发布2019-03-06 16:39:54
举报
文章被收录于专栏:编程微刊编程微刊

使用sass原因

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

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

操作步骤:

1:安装sass

代码语言:javascript
复制
npm i node-sass

2:安装wepy-compiler-sass插件

代码语言:javascript
复制
npm install wepy-compiler-sass --save-dev

3:配置wepy.config.js

总体思路:
代码语言:javascript
复制
//安装sass
npm i node-sass
//安装wepy-compiler-sass插件
npm install wepy-compiler-sass --save-dev

//配置wepy.config.js
module.exports = {
    "compilers": {
        sass: {
            'outputStyle': 'compressed'
        }
    }
}
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2019.02.22 ,如有侵权请联系 cloudcommunity@tencent.com 删除

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

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

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

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