锐客网

  1. 首页 > it技术 > >

uniapp项目中配置全局less文件

  • isseus
在vscode中使用cli方式创建uniapp项目后，因为自己不喜欢用sass，想要配置一些全局变量以及page的一些属性，后来又发现自己有字体图标的request，然后就开始vue.config.js文件的配置的需求，结果就遇到了很多问题。爬了很多坑，大多是less、less-loader和cli内置webpack版本不兼容导致vue.config.js内配置属性写法不同的问题
  • resolve
  1. 第一步：安装相关依赖
【uniapp项目中配置全局less文件】? yarn add less-loader less style-resources-loader --save-dev
  1. 第二步: 在vue.config.js中配置
? uniapp项目中配置全局less文件
文章图片

到这里发现组件中引入的全局less文件(base.less中的变量还是读取不到，所以报错)
  • resolve
yarn add vue-cli-plugin-style-resources-loader --save-dev
然后重新启动就OK了，现在是2021-1-9，希望对大家有用!

    推荐阅读


    上一篇：【CSS Weekly #486】CSS中 :has() 选择器不仅仅是一个“父选择器”

    下一篇：三D032期