vue-cli3 使用less

vue脚手架3出来有一段时间了，相比之前2,cli3文件更为简洁了许多，关于webpack的配置文件config,build已经被删除，若是需要进行配置需要自己手动建立一个vue.config.js，在里面可以进行配置，具体参数详见官网：https://cli.vuejs.org/zh/config/#vue-config-js
这里着重讲一下vue-cli3如何使用less进行开发，cli3使用less更为简单些，只需安装less依赖包即可：

npm安装：
npm i less@2.7.3 less-loader --save

yarn安装：
yarn add less@2.7.3 less-loader --save

使用vue-cli3建立的项目默认是使用yarn进行包管理的，想使用npm需要在脚手架建项目时进行配置。
另外使用less目前必须只能安装3.0版本以下的，存在兼容性问题，否则编译会报错。
安装完之后就可以愉快的使用less进行开发啦，

...
<style lang="less" scoped>
ul{
	display: flex;
	align-items: center;
	li{
		color: red
	}
}
</style

如需要引入全局less文件，只需在main.js里引入即可：

import './../theme/theme.less'