VUE-CLI3.x引入全局LESS文件里的变量

引入全局.less文件我也是失败了好多次,最后还是可以了

首先add下面依赖
vue add style-resources-loader

然后会自动在vue.config.js配置好,需要添加LESS路径
//vue.config.js
const path = require('path')
module.exports = { 
    pluginOptions: {
      'style-resources-loader': {
        preProcessor: 'less',
        patterns: [         
            path.resolve(__dirname, './src/assets/css/style.less'),
        ]
      }
    }
}


重启服务后,如果你刷新页面发现无效,那你就在vue文件里style先写less文件里的变量 比如@color,再刷新一下,发现都好了。

暧昧贴

发表评论

    微笑 大笑 拽 大哭 奸笑 流汗 喷血 生气 囧 不爽 晕 示爱 卖萌 吃惊 迷离 爱你 吓死了 呵呵

      已有3条评论

    1. 引入全局.less文件我也是失败了好多次,最后还是可以了2019-11-03 14:50 回复
      1. avatar 武陵红苗沙发
        单单好聪明,写的我一句都没看懂! 表情2019-09-03 14:34 回复
        1. avatar谢单单
          回复了武陵红苗:老哥,我知道我写得不清晰 表情 2019-11-27 12:33 回复