安装sass包

    1. npm install node-sass@4.12.0 --save
    2. 或者yarn add node-sass@4.12.0

    这里安装sass一定加版本号,否则很容易报错
    使用scss

    1. .item{
    2. background-color: red;
    3. border:1px dashed black;
    4. width: 500px;
    5. height: 200px;
    6. }

    image.png
    引入scss进入组件文件

    1. import "./splitplne.scss"

    引入其他第三方sass

    1. //这里是其他第三方的sass
    2. @import './colors.scss';
    3. .item{
    4. background-color: red;
    5. border:1px dashed black;
    6. width: 500px;
    7. height: 200px;
    8. }