解決vue使用less全局變量

　　在vue中，可以通過以下方法，解決既可以在組件中使用全局變量，也可以在less文件中使用全局變量

1.定義一個存放變量的less文件

2.安裝style-resources-loader

vue add style-resources-loader

3.在vue.config.js中，把變量的less文件配置進去

const path = require('path') // 這個是需要的

module.exports = {
  pluginOptions: {
    // 添加下面這段。src/style/globalValue.less為存放變量的路徑＋文件
    'style-resources-loader': {
      preProcessor: 'less',
      patterns: [path.resolve(__dirname, "src/style/globalValue.less")]
    }
  }
}

 如果需要更多自定義和添加其他預編譯的配置，可以參考該文檔：https://cli.vuejs.org/zh/guide/css.html#%E8%87%AA%E5%8A%A8%E5%8C%96%E5%AF%BC%E5%85%A5