欢迎来到代码驿站!

vue

当前位置:首页 > 网页前端 > vue

vue-cli如何添加less 以及sass

时间:2021-03-14 09:49:52|栏目:vue|点击:

vue-cli中已经内置配置好了sass 以及lass的配置。如果需要的话直接下载两个模块就可以了

npm install node-sass --save-dev
npm install sass-loader --save-dev

如果是淘宝镜像直接运行cnpm是一样的效果

然后在组件或者视图中给样式加上语言就可以了

<style lang="sass" scoped>
  .....
</style>

这里需要说明一下scoped是让样式只在当前组件或者视图中起作用的。

less的话也是一样 需要装两个loader

npm install less --save-dev
npm install less-loader --save-dev

其余的都是一样的。

上一篇:vue 动态修改a标签的样式的方法

栏    目:vue

下一篇:vue axios用法教程详解

本文标题:vue-cli如何添加less 以及sass

本文地址:http://www.codeinn.net/misctech/80472.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有