Vue3 安装scss/sass

第一步：安装依赖
        

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安装明白了，感谢各位前辈的帮助