Vue3 安装scss/sass
第一步:安装依赖npm install node-sass -dnpm install sass-loader -dnpm install sass -d注:node-sass sass-loader sass 属于重要依赖,所以安装时需用-d而不用-s第二步:在vue.config.js中配置scss/sassmodule.exports ={pluginOptions:{'style-reso
·
第一步:安装依赖
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安装明白了,感谢各位前辈的帮助
更多推荐
已为社区贡献1条内容
所有评论(0)