多入口

来源:4-4 构建环境搭建(2)

console_man

2019-07-12

老师,请问打包的时候,为什么这里category/index/detail分别作为一个入口呢,也就是一共三个入口。我的理解是这里只需要index一个入口就可以了。希望老师解答下,谢谢!

写回答

1回答

吕小鸣

2019-07-12

你好,对于常见的web项目可以分为多页面和单页面两种。也就是多入口打包和单入口打包。
1,单页面,也叫SPA,是只整个项目以一个html文件来承载,所有的页面切换和逻辑都是写在一个window对象下面的,这种对于webpack构建而言就只需要有一个入口文件,一个bundle.js。
2,多页面,也就是说整个项目的页面被拆分成多个html页面,自然在webpack配置时有多个入口文件和多个bundle.js,这种项目的页面逻辑是单独分开的,每个页面写在自己的window对象下面,页面切换是打开一个新的html即webview。
单页面缺点在于随着业务逻辑的增加前端所需要的代码和静态资源会越来越重,如果管理不好会造成页面性能下降等,尤其在移动web,单页面的页面切换效果需要手动写动画来模拟,而多页面的各个页面之间是分开的,整个项目逻辑拆分,各自管理,较为轻便,同时性能上也要稍由于单页面,但是在页面之间通讯时较单页面可能会麻烦一些。希望回答可以帮助到你!

0
3
console_man
回复
吕小鸣
谢谢老师
2019-07-16
共3条回复

移动Web App开发之实战美团外卖

运用React全家桶技术,从0到1学习全面的移动 Web APP 开发技术。

389 学习 · 235 问题

查看课程