浅谈Vue-cli单文件组件引入less,sass,css样式的不同方法

前端之家收集整理的这篇文章主要介绍了浅谈Vue-cli单文件组件引入less,sass,css样式的不同方法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

vue-cli中已经内置配置好了sass 以及lass的配置。如果需要的话直接下载两个模块就可以了,webpack它会根据 lang 属性自动用适当的加载器去处理。

如果需要使用sass,则安装:

如果需要使用less,则安装:

sass的内联写法:

//sass样式

less的内联写法:

//less样式

css的内联写法:

//css样式

sass的引用写法:

less的引用写法:

css的引用写法:

或者