前言 本篇围绕 webpack 做性能优化，分为两个方面：构建时间优化、构建体积优化 构建时间优化 缩小范围 我们在使用 loader 时，可以配置 include、exclude缩小 loader

引言 webpack中文官网：https://webpack.docschina.org/concepts/ webpack是一个javascript常用的静态模块打包工具，通过配置webpack，可

一种是页面刷新，不保留页面状态，就是简单粗暴，直接window.location.reload()。 另一种是基于WDS (Webpack-dev-server)的模块热替换，只需要局部刷新页面上发生变化的模块，同时可以保留当前的页面状态，比如复选框的选中状态、输入框的输入等。…

真正的前端工程化覆盖一个项目从创建到开发到发布的整个流程，既是目前大厂主流的项目提效方案，更是高薪面试 “必考项”！Webpack 作为前端资源构建工具+静态模块打包器，是面试中的重中之重。

说到webpack的性能优化，其实就是从时间层面与体积层面入手。对于时间层面主要就是优化webpack的构建速度（缩短构建时间）。对于体积层面主要就是优化webpack的构建结果（缩小构建结果）