vue-cli 3.0脚手架配置及扩展 (一):扩展说明

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

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

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

先分享3个功能点吧


扩展点

  1. 改造vue项目为多页(多模块)、多应用,通用权限及底层前端服务
  2. 改造npm run serve命令,支持单模块启动调试服务
  3. 改造npm run build命令,改为构建指定应用


为什么扩展?

  1. vue-cli 2.0版本官方不支持多页,且2.0使用的webpack构建任务不支持多线程以及DLL,全靠自己扩展,不便于维护和升级
  2. vue-cli 2.0在多页数量较多的情况下,且一个单页比较大的时候,不管本地热更新还是构建打包,都是非常慢的。我之前的项目在不开启webpack多线程时,整个项目热更新需要40秒左右!这意味着你修改保存文档,需要更待40秒页面才刷新...,所以,大型项目支持启动单页调试功能非常非常重要!
  3. 现在的工程大多存在多个子应用,且多个子通常使用一套组件,但是子应用采用单独发包迭代。通常是建立多个工程,然后前端公共库和组件套等都上传NPM,其实这样挺费劲的。所以支持多应用也是有必要,我个人觉得更符合专职的前端小伙伴

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值