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'
Logo

前往低代码交流专区

更多推荐