Vue-Multiple-Page Vue 2.x多页面打包方案
多页面项目的 Vue 开发,用对工具事半功倍。vue-multiple-page是个挺好用的方案,搭配 Vue 2.x 和 webpack 3.x,可以把每个页面单独打包,互不影响,启动速度快,打包体积小,适合做那种多个独立 H5 页面,比如活动页、引导页那类的。
用 vue-cli@2
脚手架搭建,能自由配置 webpack,目录清晰,写起来比较顺。像平时写一个主页面,还可以顺带加个登录页、结果页,互不干扰,逻辑也更好拆分。
多人一开始用 Vue 就被 SPA(单页面应用)框死了,其实多页面更适合 H5 场景,页面切换快,用户体验好,也不会一堆无关代码混一起。你想,一个活动页要是还得加载首页那些模块,多尴尬。
不过有个小提醒:vue-cli 3
开始就不开放 webpack 配置了,想玩多页项目的话,建议用vue-cli 2
,稳定、灵活,社区资料也多,出问题好查。
如果你想了解多模块打包、webpack 性能优化、Vue 插件封装的写法,下面几个链接你可以看看:
如果你手上有多个独立页面项目,或者维护 H5 活动页比较多,试试这个方案,省心又高效。
29.16KB
文件大小:
评论区