请问老师,webpack多页面构建和createreactapp的单页面构建有什么区别呢?

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

寂寞追不上我

2018-09-24

为什么要用webpack打包多个html入口文件?
和createreactapp的一个html文件有什么区别呀?

写回答

1回答

吕小鸣

2018-09-24

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

0
0

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

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

389 学习 · 235 问题

查看课程