配置 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>
作者:Jeebiz  创建时间:2020-05-23 11:36
 更新时间:2024-11-05 14:07