2019-12-02

一、less的使用

1. 在webpack打包搭建好项目后， 可以使用less预编译css

2. 具体使用步骤：

第一步: 在npm已安装的前提下， 执行npm i less less-loader -S  命令。

第二步：在webpack配置文件中build/webpack.base.conf.js，在module的rules添加如下配置：

注意： 修改配置文件后， 运行重启。

第三步： 在需要用到的地方， 在style标签上， 加上属性lang，指定使用样式

scoped为只在当前组件有效，根据实际情况添加