Vue-cli 4.x 配置pug,less,rem布局等

新项目配置高效率的开发环境

很久没有关注Vue生态圈，发现Vue-cli已经4.x版本了，相比3.0版本又有了一些优化，对应的环境配置也有点不同了。

感兴趣可关注我的公众号 ruanjianxiaoyu 相互探讨学习，分享更多有趣好玩的东西。记得后台留言哦！

开始

安装时的问题

官方文档上有说明，在安装最新的脚手架之前最好先卸载旧版本的vue/cli。

npm uninstall vue-cli -g

yarn global remove vue-cli

一切按照官方文档 操作之后会搭建基本开发环境。 但是我们想要在这基础上继续配置就需要了解其原理了。

下面是我的移动端项目的配置 pug + less + flexible 等，简单记录一下

配置pug

安装 yarn add -D pug pug-plain-loader 即可
在template模板中就可以快乐的使用 lang="pug"了

配置less

安装 yarn add -D less less-loader
在style标签中 可以使用