在webpack配置中，配置的splitChunks , 将代码进行分割 。

    分为单入口 和 双入口 场景

    实例 ： 

    1. //1. 单入口文件，
    3. module.exports = {
    4.     entry: './src/index.js',
    5.   // webpack 配置性能优化的配置
    6.   optimization: {
    7.     // 代码分割配置
    8.       splitChunks: {
    9.         chunks: 'all'
    10.     }
    11.   }
    12. }
    14. // 2. 多入口文件
    16. module.exports = {
    17.     entry: {
    18.       index: './src/index.js',
    19.     test: './src/test.js'
    20.   },
    21.   // webpack 配置性能优化的配置
    22.   optimization: {
    23.     // 代码分割
    24.       splitChunks: {
    25.         chunks: 'all'
    26.     }
    27.   }
    28. }

    如果 entry 只有一个入口文件， 打包会生成一个 chunk 入口， 如果 entry 有两个入口文件， 打包生成 两个 chunk 入口

    配置 splitChunks 目的：

    1. 如果入口文件中引入了下载的包文件，可以将 node_modules 中代码单独打包成一个 chunk 最终输出
    2. 自动分析多入口的 chunk 中， 有没有公共的文件。 如果有会单独打包成一个 chunk

    代码分割优点：

    • 不会重复打包多次