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>