自定义vue-cli脚手架


因为最近写了很多的vue小工程练手,但是越来越发现vuecli的webpack模板不够用了,每次重新构建的时候都需要花很多心思,花了一天的时间来研究和使用vuecli的自定义构建,非常好用

Fork一份标准库

vue-webpack模板的标准库下fork一份,并且创建一份自己的分支

在本地进行修改

将fork的项目clone到本地,进行修改

具体的步骤和解释参考这个文章

我只讲一下我做了哪些改动

1 打开config/index.js中的autoOpenBrowser

2 .editorConfig中调整indent_size为4,并且将其风格改为tab

3 增加 vuex版块

4 增加mock和api版块

5 增加page版块

6 增加less

7 增加common文件夹,并且写了一些公共样式

8 增加less的全局变量

参考这篇文章

注意,增加的全部变量只能引用一个less文件,不能在这个文件里引用其他的文件