【vue && less】vue使用全局less

我一直以为vue可以是用全局的less，直到自己接触了才知道要通过配置去实现。我可查到的配置还挺坑的。这里就记录一种。

该方式我只在vue-cli4及以上使用过

1.安装相关包

npm i style-resources-loader vue-cli-plugin-style-resources-loader -D

 2.在vue.config.js中添加以下代码

module.exports = {
    pluginOptions: {//全局使用less
        'style-resources-loader': {
          preProcessor: 'less',
          patterns: [path.resolve(__dirname, "src/assets/css/style.less")] 
        }
     }
};

 以为这样就好了吗？是的，我也这样认为，可是项目less文件中的变量还是不能使用

坑就在这，less-loader的版本要改成6.0.0

npm i [email protected] -D

less-loader版本变更后，变量不再报错。

很不好意思的说，我也搞不清楚为什么会这样？？？