uniapp项目中配置全局less文件

  • isseus

在vscode中使用cli方式创建uniapp项目后,因为自己不喜欢用sass,想要配置一些全局变量以及page的一些属性,后来又发现自己有字体图标的request,然后就开始vue.config.js文件的配置的需求,结果就遇到了很多问题。爬了很多坑,大多是less、less-loader和cli内置webpack版本不兼容导致vue.config.js内配置属性写法不同的问题

  • resolve
  1. 第一步:安装相关依赖

yarn add less-loader less style-resources-loader --save-dev

  1. 第二步: 在vue.config.js中配置

uniapp项目中配置全局less文件_第1张图片

到这里发现组件中引入的全局less文件(base.less中的变量还是读取不到,所以报错)

  • resolve

yarn add vue-cli-plugin-style-resources-loader --save-dev

然后重新启动就OK了,现在是2021-1-9,希望对大家有用!

你可能感兴趣的:(uniapp项目中配置全局less文件)