Vue项目中,当导入Less文件定义的变量时,为什么@前面还要加‘ ~ ‘ ?

场景: 

当我们开发的应用有些样式是公用的,比如我们常见的配色色值,为了做到统一修改的目的往往需要定义成less变量,很多的业务组件都需要使用这些变量

1.Less文件定义的变量, 在组件中使用时,需要单独导入(每个组件使用时都需要导入)

2.导入时需要前面添加波浪线 ~ ;

图示:

Vue项目中,当导入Less文件定义的变量时,为什么@前面还要加‘ ~ ‘ ?

 原因 : 底层webpack处理Less文件的一种格式要求, 所有不能去掉,否则不识别导入文件

上一篇:前端整合webpack-react


下一篇:Win7电脑遇到蓝屏,并报错:IRQL NOT LESS OR EQUAL