VUE-CLI3全局引入less的变量

最新推荐文章于 2025-03-20 09:53:22 发布

trigger-life

最新推荐文章于 2025-03-20 09:53:22 发布

阅读量8.2k

点赞数 2

分类专栏：配置文章标签： less less全局变量

本文链接：https://blog.youkuaiyun.com/qq_38850058/article/details/82893736

版权

配置专栏收录该内容

8 篇文章

订阅专栏

VUE-CLI3全局引入less的变量

首先确定是vue-cli3.x而不是2.9.x，我昨天就被这个给坑了，
其实这个东西也简单，用style-resources-loader来处理就OK了

vue add style-resources-loader

安装完成后选择less预处理器，他会在vue.config.js代码中生成

pluginOptions: {
     'style-resources-loader': {
       preProcessor: 'less',
       patterns: [
       // 下面这段是自己加的，根据自己文件的位置来修改
           path.resolve(__dirname, "src/assets/css/global.less")
       ]
     }
   }