乐趣区

关于前端: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 中配置

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

  • resolve

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

而后重新启动就 OK 了,当初是 2021-1-9,心愿对大家有用!

退出移动版