uni-app使用less(vue-cli版)

1. 下载less

npm install -g less

2. 配置vue.config.js
   此文件需在项目根目录下自行创建
   

module.exports = {
	css: {
		loaderOptions: {
			// 给 less-loader 传递 Less.js 相关选项
			less: {}
		}
	},
}

3. 使用

<style lang="less" scoped>
	@import url('../../common.less');

	.content {
		h1 {
			color: red;
			background: @baseColor;
		}
	}
</style>

其中有遇到过一个报错
uni-app报错TypeError: this.getOptions is not a function

最后，由于uni-app的插件使用的都是sass，我还是去换用了sass，不然使用插件的时候还是会报错。