微信小程序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
微信小程序wepy框架入门教程 - 安装less/sass(四)_第1张图片

2:安装wepy-compiler-sass插件

npm install wepy-compiler-sass --save-dev
微信小程序wepy框架入门教程 - 安装less/sass(四)_第2张图片

3:配置wepy.config.js


微信小程序wepy框架入门教程 - 安装less/sass(四)_第3张图片

总体思路:

//安装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。

你可能感兴趣的:(微信小程序wepy框架入门教程 - 安装less/sass(四))