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

文档

• wepy快速指南
• 小程序框架wepy开发文档
• wepy开源
• wepy官方文档
• 微信小程序wepy框架资源汇总

---

使用sass原因

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

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

操作步骤：

1:安装sass

npm i node-sass

2:安装wepy-compiler-sass插件

npm install wepy-compiler-sass --save-dev

3:配置wepy.config.js

总体思路：

//安装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后前端妹子，爱编程，爱运营，文艺与代码齐飞，魅力与智慧共存的程序媛一枚。
坚持总结工作中遇到的技术问题，坚持记录工作中所所思所见，对于博客上面有不会的问题，可以加入qq技术交流群聊：649040560。