---恢复内容开始---
1：webpack的基本使用： ##在网页中会引用那些静态资源：js, css, images, 字体文件和模板文件（.vue）等
##网页总引用静态资源多了以后会有那些问题：网页加载速度慢，因为会发起很多二次请求，script标签，link标签，遇到src都会发起请求，随意一个页面要完整显示出来发送的请求数应该由资源数量决定
处理各种依赖关系
##解决办法：合并，压缩，精灵图，图片的base64图片（第一次请求是图片转成base64字符串直接放到页面中，荷叶面一起返回，使用过于小图片）
使用requireJs 或者webpack来解决依赖关系
##什么是webpack：webpack是一个前端项目构建工具，基于Node.js开发出来的
##如何完美实现上述的2中解决方案：1：使用Qulp，是基于task任务的
2：使用webpack，是基于整个项目进行构建的
+借助webpack这个前端自动化构建工具，可以完美的实现资源的合并，压缩混淆等诸多功能。
+根据官网图片接收webpack打包过程
##webpack安装的而两种方式： 1：运行 npm i webpack -g 全局安装webpack，这样能在全局使用webpack命令
2：在项目根目录中运行 npm i webpack --save--dev 安装到项目依赖中
##创建根目录文件
执行 npm init 指令会自动生成一个package.json文件
在项目根目录中执行 npm i jQuery
index.html:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!--不推荐在这里引用任何包和任何css样式文件，因为会发起二次请求，所有包都在main.js中导入--> <script src="http://www.likecs.com/main.js"></script> </head> <body> <ul> <li>这是第1个i</li> <li>这是第2个i</li> <li>这是第3个i</li> <li>这是第4个i</li> <li>这是第5个i</li> <li>这是第6个i</li> <li>这是第7个i</li> <li>这是第8个i</li> <li>这是第9个i</li> <li>这是第10个i</li> </ul> </body> </html>