vue-cli3項目 less獲取全局變量

目前遇到的問題：vue項目main.js中引入index.less,但是子組件中想要應用index.less中定義的變量，會報錯。

方法一：在每個子組件中引入index.less。

       注意：此方法雖然能解決問題，但是太麻煩，不是最有辦法。

方法二：安裝 style-resources-loader

vue add style-resources-loader

安裝完成之后，命令行會讓你選擇預處理器，我們選擇 less!

上述安裝完預處理器，會在項目的 vue.config.js 里面生成一段代碼，我們只需要將 less 文件路徑放入其中

pluginOptions: {
     'style-resources-loader': {
         preProcessor: 'less',
         patterns: [path.resolve(__dirname, 'public/iview-theme/index.less')] // 引入全局樣式變量
     }
},

注意：如果還是有問題，卸載所有依賴重新安裝cnpm install