Webpack 是用来做什么的?
Webpack 是一个前端模块打包工具,主要用于将 JavaScript、CSS、图片等资源进行模块化管理和打包优化,最终生成适用于浏览器或其他运行环境的代码。
主要作用:
- 模块化支持:支持 ES Modules、CommonJS、AMD 等模块规范,解决浏览器不支持模块化的问题。
- 代码打包:将多个文件打包合并,减少 HTTP 请求,提高加载速度。
- 代码拆分(Code Splitting):按需加载(Lazy Loading),减少首屏加载时间。
- Tree Shaking:移除未使用的代码(Dead Code Elimination),减少包体积。
- 资源优化:
- 压缩 JS(Terser)、CSS(CSS Minifier)、图片(Image Mi