Vue全局使用less样式组件使用全局样式文件中定义的变量操作

当你想要在vue项目的一个组件中使用全局样式文件中定义好的变量,此时只在main.js中import是不行的。 目录结构如下: 即在MHeader.vue中想要使用src下的less下的variables.less文件中定义好的变量。 此时,只用import在main.js中导入variables.less文件是会报错的。 解决办法: 1、安装less和less-loader npm i less less-loader -D 2、要想全局使用还需使用一个插件( sass-resources-loader ),没有写错,就是sass npm i sass-resources-loa