# max-webpack-split

**Repository Path**: max-lu/max-webpack-split

## Basic Information

- **Project Name**: max-webpack-split
- **Description**: webpack 代码分片
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-03-01
- **Last Updated**: 2023-01-31

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# max-webpack-split

#### 介绍
webpack 代码分片

基于webpack5版本，对代码分片(split)的一个练习

https://webpack.docschina.org/guides/code-splitting/

例子1:
a.js文件和b.js文件同时引入了commons.js和loadsh.js。
webpack.config.js配置有两个入口，打包后，通过分析工具(webpack-bundle-analyzer)分析出结果
(分析1.jpeg)可以看到，a和b两个bundle。同时有loadsh.js的存在。这样是非常不合理的
`如何把loadsh.js文件split出来`，是我们需要处理的问题

[官网地址](https://webpack.docschina.org/plugins/split-chunks-plugin)

在通过webpack4开始用的optimization.splitChunks。可以从分析2.jpeg看出，loadsh已经被独立成一个包了