4.3、Vue 配置 less 解析

配置 less 解析

https://blog.csdn.net/robot7th/article/details/100642085

安装 less 依赖包 ，在cmd界面输入：

npm install less less-loader --save
# 解决版本过高导致的错误
npm uninstall less-loader
npm install less-loader@4.1.0 --save

2.找到build中webpack.base.conf.js,在rules中添加less规则

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

④ 使用less时候在所在的style样式标签上添加lang=”less”即可应用对应的语法，否则报错

⑤ less使用测试：如下测试修改字体颜色

<style lang="less">
$color:red;
div {color:$color;}
</style>