第一:分别安装:
npm i sass-loader -D
npm i node-sass -D
第二: 改造style标签,增加属性lang="scss":
这样就可以愉快的在style内写sass了,webpack会自动编译输出
<style lang="scss" scoped> // 注意:增加scoped属性的作用是限定当前组件样式的作用域仅作用域当前组件,这样可以避免全局影响
$nav-color: #f1f1f1;
.page {
background: $nav-color;
}
</style>
本文地址:https://www.cnblogs.com/rapale/p/9007943.html
**转载请注明出处**
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步