wepy中如何使用stylus等样式预处理器

时间:2021-02-06 21:41:18

wepy中如何使用stylus等样式预处理器

一、如何在wepy中使用stylus

1、安装wepy-compiler-stylus(以及stylus, stylus-loader)

npm install wepy-compiler-stylus --save-dev 

2、配置根目录下的wepy.config.js

module.export = {  
  // ...其他配置  
  compilers: {  
    // ...其他配置  
    // 添加以下内容  
    stylus: {  
      compress: true  
    }  
  }  
} 

3、修改.wpy文件中的style标签中的lang属性

<style lang="stylus">  
  .user-info  
    background red  
<style>