webpack相关

1. webpack文档
2. 什么是loaders?

file-loader: 处理jpg图片
url-loader: url-loader 功能是基于 file-loader之上， 在 options 配置添加了一个 `limit` 属性，例如 `limit: 500`
url-loader 依赖于 file-loader
css-loader 
style-loader

3. Plugin功能更强大，主要目的就是解决loader 无法实现的事情，比如打包优化和代码压缩等。

html-webpack-plugin： 处理html资源，默认会创建一个空的HTML，自动引入打包输出的所有资源（js/css）
CleanWebpackPlugin： 每次打包时候，CleanWebpackPlugin 插件就会自动把上一次打的包删除

4. webpack优化?（使用webpack优化前端性能)

代码压缩、图片压缩精灵图、路由懒加载

5. webpack热更新

自动刷新：自动刷新是指webpack的devServer在监听到文件有变化后，会触发重新构建打包，然后自动刷新页面，源文件的变化就可以实时查看效果。