vue中scss全局引入变量

scss全局封装公共变量；

封装公共变量原因：
css中公共的东西到处写，迭代替换的时候太酸爽了（比如背景色、按钮颜色、字体大小等等），所以，封装公共变量。
废话不说 看代码：

	1:第一步，新建一个commonStyle.scss文件，（我是直接建到src/assets/commonStyle）;
		例如： $color: #0c8ce9;
	2:第二步, 在vue.config.js中配置，
		css: {
		    loaderOptions: {
		      scss: {
		        additionalData: '@import "@/assets/commonStyle.scss";'
		      }
		    }
  		}
  	3：第三步，重新启动项目。
  	4：第四步，在需要用到的位置color: $color;，搞定

注意：

	如果是vite.config.ts时
	配置改成
		css: {
		    preprocessorOptions: {
		      scss: {
		        additionalData: '@import "@/assets/commonStyle.scss";'
		      }
		    }
  		}
	

写的不好，咱们相互学习、共同进步