如何正确的使用less预处理器 提高开发效率 性能优化

**善用公共变量去做声明 利于维护

变量书写格式：

  @NavColor:#cccc
  
  @Color:#2325c**
  
  @开头即可
  
  使用时： .box {
  color: @Color
  }

善用函数进行全局混入使用 抽离多处用到的css样式 通过函数调用达到复用效果 使用如下：：

最后由于这些文件都在单独的目录下 使用时需要每个组件单独引入 相对繁琐 可以借助vue提供的工具进入自动引入

• [安装依赖] ： vue add style-resources-loader (注意是vue add 不是 yarn add 哦)
• [安装完成后会自动生成vue.config.js文件]

• [在文件中进行相关配置即可 ]

• [最后一步 ] 重启项目