荷包蛋卷

多页面应用程序，顾名思义是存在多个入口，每个业务都有自己的页面。每一次页面跳转的时候，server 会拉取一个新的 HTML 文档返回给客户端，页面重新加载此新文档，并且资源被重新下载。

因为现在市面上的浏览器类型众多，作为一名前端开发者就需要面对很多兼容性的问题，有些问题我们可以在构建阶段就对其处理，比如 CSS3 的前缀问题。

前端构建编译代码时，压缩代码也是很重要的，压缩后的代码体积减小，传输速度快，从而提升网页加速速度和减少网络传输流量。除此之外，还具有混淆源码的作用，增加了他人对代码分析和改造的难度。

在发布版本时，通过文件指纹来区分 修改的文件 和 未修改的文件。未修改的文件的文件指纹保持不变，浏览器继续使用缓存访问。

每次在对项目进行修改后，都要手动跑 webpack 打包命令，是不是很烦？Webpack 就不能帮我们监听文件的变化，然后在文件发生修改时自动编译打包吗？当然可以！

众所周知，原生的 webpack 仅支持 JS 和 JSON 两种文件类型，想要使用其他类型的资源就要借助各种 Loader 或资源模块（asset module）。

必会的几个核心概念： entry(入口)、output(输出)、loader、plugin(插件)、mode(模式)。

了解 http 的同学，肯定知道，http 是一个不保存状态的协议，什么叫不保存状态，就是一个服务器是不清楚是不是同一个浏览器在访问他，这时候 cookie 就出现了。

真小白入门，从环境搭建、到webpack的安装、再到webpack的配置文件，最后跑一个简单的打包例子👍