使用@import引入Css, Scss, Less

今天在撸代码的时候，想使用vue-element-admin里面variables.scss定义的变量

基于上次查到的使用@import引入

然后我就@import url(@/styles/variables.scss);

在然后就开心的报错了，找不到想要用的变量

总结一下吧

@import引入css

1. @import url(./style.css)
2. @import './style.css'

@import引入scss

1. @import './style.scss' (.scss可以省略)

@import引入less

1. @import './style.less' (.less可以省略)