webpack

webpack打包后生成 dist 目录，然后启动服务器就可以访问这个目录里的资源了。浏览器会自动缓存 dist 目录的资源，当我们修改代码后，重新去获取资源，如果有 100 个资源，修改了 1 个，

prefetch(预获取)：将来某些导航下可能需要的资源，在网络空闲时自动下载资源 preload(预加载)：当前导航下可能需要资源，网络请求时下载资源

Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。接下来为大家介绍 Webpack 的安装与使用。

webpack 是一个用于现代 JavaScript 应用程序的 静态模块打包工具。 通过demo实现了一个最简单的webpack配置，理解了webpack的一些基本概念。