vue-cli如何添加less 以及sass

更新时间：2017年07月06日 12:01:18 作者：丂码狂魔

本篇文章主要介绍了vue-cli如何添加less 以及sass，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

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的mounted中仍然加载渲染不出echarts的方法问题
这篇文章主要介绍了在Vue的mounted中仍然加载渲染不出echarts的方法问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
2024-03-03
vue中(el-button的五种类型,三种css格式)
这篇文章主要介绍了vue中(el-button的五种类型，三种css格式)具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2022-07-07
element如何初始化组件功能详解
Element UI是一套基于Vue的桌面端组件库,封装好了很多常用的UI组件,下面这篇文章主要给大家介绍了关于element如何初始化组件功能的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考下
2022-12-12
深入了解Vue使用vue-qr生成二维码的方法
这篇文章主要为大家介绍了Vue使用vue-qr生成二维码的方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助
2021-12-12
Vuex持久化插件(vuex-persistedstate)解决刷新数据消失的问题
这篇文章主要介绍了Vuex持久化插件(vuex-persistedstate)-解决刷新数据消失的问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2019-04-04
vue.js入门（3）——详解组件通信
这篇文章主要介绍了vue.js入门（3）——详解组件通信，小编觉得挺不错的，现在分享给大家，也给大家做个参考。
2016-12-12
基于Vue插入视频的2种方法小结
本文通过两种方法给大家介绍了基于vue插入视频的方法，每种方法通过实例代码给大家介绍的都非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下
2019-04-04
vue安装node-sass和sass-loader报错问题的解决办法
这篇文章主要给大家介绍了关于vue安装node-sass和sass-loader报错问题的解决办法,文中通过图文以及示例代码将解决的方法介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2023-01-01
详解服务端预渲染之Nuxt（介绍篇）
这篇文章主要介绍了详解服务端预渲染之Nuxt（介绍篇）,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2019-04-04
vue2.x+webpack快速搭建前端项目框架详解
本文给大家介绍了vue2.x、webpack、vuex、sass+axios、elementUI等快速搭建前端项目框架的详细操作方法，需要的跟着学习下吧。
2017-11-11