uni-app项目中如何使用scss less

前言： 由于公司业务调整，特意学习下uni项目框架，其实根据官方api就是实现很多功能，其实都是一些小坑要走，下面来说一下uni项目中如何使用scss

vue编写中我们可以直接使用下面这样方法，多方便

<style lang="scss" scoped>
.module {
    margin: 18px 30px 0;
    padding-bottom: 30px;
    border-radius: 18px;
    &.color {
      background-color: #fff;
    }
    &.bg {
      // background: url('../assets/c-topbg.png');
      background-repeat: no-repeat;
      background-size: 100%;
    }
    .module_title {
      display: flex;
      align-items: baseline;
      .title {
        margin: 24px 18px 0 24px;
        font-size: 36px;
        font-weight: 600;
        color: #333333;
        line-height: 50px;
      }
      .tip {
        font-size: 24px;
        color: #999999;
        line-height: 33px;
      }
    }
  }
</style>

uni中如何使用呢？
首先使用模板 下载依赖 (这里说下可以使用 yarn or cnpm i or npm i)  然后统一使用命令下载

执行以下命令：
npm i node-sass@4.14.1 sass-loader@7 -D

就可以向上面代码那样使用啦。

原创不易 来个小赞  biubiubiu...