vue-cli 3.0脚手架配置及扩展（一）：扩展说明

使用vue-cli2.0版本的vue脚手架一年多了，对脚手架扩展了一些功能，出于工作因素，无法直接分享。

近期会利用下班时间对vue-cli 3.0版本的脚手架进行改造，扩展功能点较之前全部会进行重写，且进行再次优化。

扩展功能点代码分步骤放出，因为本系列文章不定期更新，但每次放出系完整子功能点。

先分享3个功能点吧

扩展点

* 改造vue项目为多页（多模块）、多应用，通用权限及底层前端服务
* 改造npm run serve命令，支持单模块启动调试服务
* 改造npm run build命令，改为构建指定应用

为什么扩展？

* vue-cli 2.0版本官方不支持多页，且2.0使用的webpack构建任务不支持多线程以及DLL，全靠自己扩展，不便于维护和升级
* vue-cli
2.0在多页数量较多的情况下，且一个单页比较大的时候，不管本地热更新还是构建打包，都是非常慢的。我之前的项目在不开启webpack多线程时，整个项目热更新需要40秒左右！这意味着你修改保存文档，需要更待40秒页面才刷新...，所以，大型项目支持启动单页调试功能非常非常重要！

*
现在的工程大多存在多个子应用，且多个子通常使用一套组件，但是子应用采用单独发包迭代。通常是建立多个工程，然后前端公共库和组件套等都上传NPM，其实这样挺费劲的。所以支持多应用也是有必要，我个人觉得更符合专职的前端小伙伴

扩展点分享文章

《vue-cli 3.0脚手架配置及扩展（一）：扩展说明
<https://blog.csdn.net/franks_t_d/article/details/80739902>》

    《vue-cli 3.0脚手架配置及扩展（二）：vue.config.js多页配置
<https://blog.csdn.net/franks_t_d/article/details/80740268>》

    《vue-cli 3.0脚手架配置及扩展（三）：config.app.js应用目录配置
<https://blog.csdn.net/franks_t_d/article/details/80740385>》

    《vue-cli 3.0脚手架配置及扩展（四）：VueConf类
<https://blog.csdn.net/franks_t_d/article/details/80740506>》

    《vue-cli 3.0脚手架配置及扩展（五）：AppConf类
<https://blog.csdn.net/franks_t_d/article/details/80740553>》

热门工具换一换

vue-cli 3.0脚手架配置及扩展 （一）：扩展说明