Vue3中Less 、Sass的使用_GIS数据共享

Vue3中Less 、Sass的使用

2024-02-18 17:43:50  浏览:1338  作者:管理员
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>


扫码查看

评论区

共 0 条评论
  • 这篇文章还没有收到评论,赶紧来抢沙发吧~

【随机内容】

返回顶部