VUE—less依赖
第一步:输入指令:
mac要加上sudo
sudo cnpm install less less-loader --D
第二步:修改webpack.base.conf.js文件,配置loader加载依赖,让其支持外部的less
在原来的代码上添加
{
test: /\.less$/,
loader: "style-loader!css-loader!less-loader"
}
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/dbf356326537b763efd0d3d13b812c92.png)
第三步:在static新建js文件夹引入rem.js文件并在index.html里直接script引入即可
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/cf8d93a717972d690c0722171f901d1a.png)
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/90bc5c4ae4fb606ac184f5b443711e9b.png)
这是rem的内容,适用于移动端响应式布局
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/7d9749354d3947dde8eadbe08e8190ec.png)