vue项目插件：style-resoures-loader——样式文件自动注入

作用：

将css 预处理器的一些公共的样式文件变量，比如：variables , mixins , functions自动注入到每个样式文件或者vue组件中style标签中；

避免在每个样式文件中手动的@import导入，然后在各个css 文件中直接使用 变量。

一、 插件安装

vue 项目中需要 安装 四个插件：

css 预处理插件 less,、less-loader（确保已安装）

再安装 方法一：

1、style-resources-loader

官方安装及使用文档：https://www.npmjs.com/package/style-resources-loader#resolveurl

npm i style-resources-loader --save-dev

2、vue-cli-plugin-style-resources-loader

官方安装及使用文档：