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,其实这样挺费劲的。所以支持多应用也是有必要,我个人觉得更符合专职的前端小伙伴


扩展点分享文章

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

    《vue-cli 3.0脚手架配置及扩展 (二):vue.config.js多页配置》

    《vue-cli 3.0脚手架配置及扩展 (三):config.app.js应用目录配置》

    《vue-cli 3.0脚手架配置及扩展 (四):VueConf类》

    《vue-cli 3.0脚手架配置及扩展 (五):AppConf类》



你可能感兴趣的:(JavaScript,/,jQuery,/,Zepto.js,webpack,Node.js,gulp,vue,es6)