因为最近写了很多的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文件,不能在这个文件里引用其他的文件