在Vue项目中引用less

1.安装less依赖
npm install less-loader --save
2.进行webpack.base.config.js中，配置loader加载依赖，让其支持外部的less，在原来的代码上添加

{

	test: /\.less$/,
	
	loader: "style-loader!css-loader!less-loader",

},

3.如果需要在Vue文件style标签中使用less的话，需要声明一下：

<style lang="less" scoped="" ></style>

或者将less放在全局

在HTML中直接引入的话

<link rel="stylesheet/less" type="text/css" href="文件路径/style.less">
<script src="文件路径/less.js" type="text/javascript"></script>

转载：https://www.cnblogs.com/lin-dong/p/6711224.html