Vue3中Less 、Sass的使用

2024-02-18 17:43:50 浏览：1101 作者：管理员

Vue3中Less 、Sass的使用

less的使用

在Vue项目中，需要通过npm安装相关包(开发依赖即可)

【npm install less -D】【npm install less-loader -D】

然后直接使用即可：

<style scoped>

.box1 {
width: 400px;
height: 400px;
background-color: antiquewhite;

.childBox {
width: 200px;
height: 200px;
background-color: aqua;
}
}
</style>

Sass的使用

在Vue项目中，需要通过npm安装相关包(开发依赖即可)

【npm install sass -D】【npm install sass-loader -D】

然后直接使用即可：

<style scoped>

.box1 {
width: 400px;
height: 400px;
background-color: antiquewhite;

.childBox {
width: 200px;
height: 200px;
background-color: aqua;
}
}
</style>

扫码查看

上一篇：Vue3中CSS用法(scoped、选择器、module、v-bind)

下一篇：解决Element Plus中Select在El Dialog里层级过低的问题（修改select选项框样式）