多入口

Question

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

Answer 1

吕小鸣 2019-07-12 13:50:59

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

• 提问者 console_man #1

  谢谢老师的解答。请问老师，咱们这个外卖实战项目是采用多页面的模式来开发吗？

• 吕小鸣 回复 提问者 console_man #2

  同学你好 ，是多页面开发的

• 提问者 console_man 回复 吕小鸣 #3

  谢谢老师