第一步:安装依赖
        

npm install node-sass -d
npm install sass-loader -d
npm install sass -d

注:node-sass sass-loader sass 属于重要依赖,所以安装时需用-d而不用-s

第二步:在vue.config.js中配置scss/sass
        

module.exports ={
    pluginOptions:{
        'style-resources-loader':{
            preProcessor:'scss',
            patterns:[]
        }
    }
}

第三步:调用scss
        

<style lang="scss">
$width:20px
$height:20px
$backgroudColor:red 
div{
    width:$width;
    height:$height;
    backgroud-color:$backgroudColor
}
</style>

ps:再看过诸多前辈给的方法后,终于是把sass安装明白了,感谢各位前辈的帮助
     

Logo

前往低代码交流专区

更多推荐