vue-cli配置全局sass、less變量的方法

**vue add style-resources-loader**
vue add pluginName 是vue-cli3提供的。vue add 是用yarn安裝插件的， yarn源的問題有可能導致失敗。如果上面安裝失敗的話，就分別安裝 style-resources-loader 和 vue-cli-plugin-style-resources-loader（前提是已經安裝過 less less-loader）
// 沒有出錯的話，可以無視這里
 npm i style-resources-loader vue-cli-plugin-style-resources-loader -D 
 或 
 yarn add style-resources-loader vue-cli-plugin-style-resources-loader -D
**

const path = require("path");
 module.exports = {
 ...
 pluginOptions: {
 "style-resources-loader": {
 preProcessor: "less",
 patterns: [
 //這個是加上自己的路徑，
 //注意：試過不能使用別名路徑
 path.resolve(__dirname, "./src/assets/variable.less")
 ]
 }
 }
 ...
 }

module.exports = {
 ...
 css: {
 loaderOptions: {
 sass: {
 // @是src的別名
 data: `
 @import "@/assets/variable.scss";
 `
 }
 }
 }
 ...
 }