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

2019-03-06 16:39:54 浏览数 (1)


使用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'
        }
    }
}

0 人点赞