SPA单页应用一定是单入口吗?

来源:3-8 由浅入深 webpack - 代码分割和懒加载(2)

慕仰0443394

2018-07-17

学习完CommonChunkPlugin和代码分割后,有点搞不清楚使用场景的区别。

视频里说的CommonChunkPlugin的使用场景

- 单页应用

- 单页应用 + 第三方依赖

- 多页应用 + 第三方依赖 + webpack生成代码(webpack的内置函数)

问题1:CommonChunkPlugin只适用于多entry的场景,那么单entry就不能用CommonChunkPlugin这样理解对吗?

问题2:单entry和SPA单页应用等同吗?

问题3: 如何更明确的区分CommonChunkPlugin 和 代码分割功能?

感觉是,CommonChunkPlugin就是把公共代码提取,这样就不用重复加载相同的代码。

代码分割就是懒加载,不要一次性全部加载完。

感觉懒加载和公共代码提取是所有项目,都有的需求。为什么CommonChunkPlugin只是用于单entry呢?为什么这样设计。。

写回答

1回答

qbaty

2018-08-09

问题1:在webpack 3的场景下,是这样。在webpack 4的场景下不是。在webpack 4的 entry 即便是单入口,也是可以配置为公共引入的模块打包到一个包

问题2:entry和SPA 单应用不直接等同,你后面说的理解是对的,公共代码提取就是为了避免重复加载,代码分割也是为了懒加载。commonChunkPlugin 在webpack 3的版本的时候,还有很多问题,但是这些问题,在webpack 4后都得到了解决。所以现在的commonChunkplugin 在单入口文件和多入口的时候都能够起作用


0
0

四大维度解锁Webpack3.0前端工程化

前端开发标配,灵活掌握Webpack3.0的使用可以极大的提高前端开发的效率

1188 学习 · 403 问题

查看课程