1.为什么用代码分割
    此特性能够把代码分离到不同的 bundle 中,然后可以按需加载或并行加载这些文件。代码分离可以用于获取更小的 bundle,以及控制资源加载优先级,如果使用合理,会极大影响加载时间。而且还会把js中引入的第三方node_modules包单独的拿出来。自己写的js应该是有大小限制才能判断是否单独拿出来打包。

    例子1:多入口,生成多个bundle
    image.png
    例子2:单入口,使用splitChunks,引入第三方包,会把引入的第三方库拿出来单独打包,而不是打到一个bundle中
    image.png
    例子3:多入口,同时引入相同的第三方库,webpack会把第三方提出来单独打包,并且只打包一次
    image.png
    例子4:单入口,动态的按需加载,如果不写动态加载,那么会打到一个bundle中,写了就打多个
    image.png