vue 安装 scss

最新推荐文章于 2024-09-19 14:18:42 发布

闫先生

最新推荐文章于 2024-09-19 14:18:42 发布

阅读量258

点赞数

分类专栏： vue前端栈文章标签： css

本文链接：https://blog.csdn.net/yanmh007/article/details/119714992

版权

6 篇文章 0 订阅

订阅专栏

本文介绍了如何通过npm安装sass-loader@7.3.1和node-sass@4.14.1来支持SCSS语法。示例中展示了在Vue组件中引入SCSS变量和样式，如设置高亮颜色 `$highlight-color` 并应用到`.selected`类上，以实现更高效的样式管理。

摘要由CSDN通过智能技术生成

安装命令

cnpm install sass-loader@7.3.1  --save

cnpm install node-sass@4.14.1 --save

style 引入 lang="scss"

<style scoped lang="scss">

$highlight-color: #F90;

.selected {
  border: 1px solid $highlight-color;
  font-size: 19px;
}


</style>

关注

专栏目录