打包工具

本期就带大家了解使用一款专门用于擦除未使用的css的Webpack插件——purgecss-webpack-plugin，l我们会通过一个实例来演示他的使用方法和效果。

tree shaking就是把真正用的代码进行打包，而没用到的代码则会在uglify阶段被擦除掉。本期我们就了解一下它是如何使用的还有使用时要注意什么。

也许，你碰到一些场景需求必须要进行多页面打包，如，一些H5一系列独立的小活动等，本期就带大家对多页面应用打包去进行一个了解，并且实现出一个通用的多页面打包方案。

本期的任务就是带大家对webpack插件了解一下，并开发出一个简单的插件demo来，还等什么，我们马上出发~

本期就介绍一款webpack速度测量插件，它可以看到每个loader和插件的执行耗时，这样就让你知道优化你的webpack构建速度你的注意力该集中在哪里。

本期我们就给大家介绍这样一个自动将图片处理成网站图标的插件 —— html-webpack-plugin。他可以自动帮我们把需要各种格式各种尺寸自动生成，就是这么方便省心。

我们在自己搭建项目的时候，在打包构建的时候等待非常的枯燥，尤其是特别大不知道还要等多久才是最恐怖的，这时不妨找一款进度条插件，让我们不再焦躁下去，本期我们会推荐三款进度条插件给大家进行选择。

相信很多刚入行的小伙伴在开发项目时，不止一次的想自动压缩图片资源，本期我们就要介绍一种webpack图像压缩插件——image-minimizer-webpack-plugin

本期我们将介绍一种webpack拷贝文件的插件——copy-webpack-plugin，它的作用就是将已存在的单个文件或整个目录复制到构建目录。

相信很多刚入行的小伙伴在做完项目的时候，不知道怎么去优化，其实在webpack诞生后很快就出现了很多包可视化分析工具，本期就将介绍一种工具——webpack-bundle-analyzer

本期给大家在webpack5中如何配置css用到的插件及使用的，更准确的说是三款PostCSS的插件。