一、less的使用
1. 在webpack打包搭建好项目后, 可以使用less预编译css
2. 具体使用步骤:
第一步: 在npm已安装的前提下, 执行npm i less less-loader -S 命令。
第二步:在webpack配置文件中build/webpack.base.conf.js,在module的rules添加如下配置:
![](https://img.haomeiwen.com/i13253492/ab888d2133caad2b.png)
注意: 修改配置文件后, 运行重启。
第三步: 在需要用到的地方, 在style标签上, 加上属性lang,指定使用样式
![](https://img.haomeiwen.com/i13253492/60c87f14c3e6358f.png)
scoped为只在当前组件有效,根据实际情况添加
网友评论