本篇将从实践出发，在第一章节《基础配置》中使用 webpack 搭建一个基础的支持模块化开发的项目，在第二章节《进阶配置》中使用 webpack 搭建一个 SASS + TS + React 的项目。

本篇将从优化开发体验、加快编译速度、减小打包体积、加快加载速度 4 个角度出发，介绍如何对 webpack 项目进行优化。

本文从 webpack 是什么、为什么选择 webpack、webpack的基本概念介绍 3个角度进行讲述，从 Webpack 基础着手，和你一起了解 webpack。

目前所有的webpack配置信息都是放到一个配置文件中，当配置越来越多时，这个文件会变得越来越不容易维护。所以，我们最好对配置进行拆分。同样为了提升加载效率，打包后的文件也需要进行拆分操作。