对应语言的存在的格式
- js -- .js .jsx .coffee .ts(Typescript)
- css --.css .less .sass .scss
- Image -- .jpg .png .gif .bmp .svg
- 字体文件 -- .svg .ttf .ect .woff .woff2
- 模板文件 -- .ejs .jade .vue
当网页中静态文件过多的问题
- 1、网页加载速度慢。因为发起二期请求（比如遇见src等）
- 2、要处理复杂的相互依赖的关系（bootstrap依赖jQuery）
解决方法
- 1、合并、压缩、精灵图（图片整成一个图片，请求一次）、图片转换成Base64（缺点：趋向于小图片）
- 2、可以使用requiredJS，也可以使用 webpack可以解决各个包之间的复杂依赖关系。
webpack
基于node.js开发出来的出来的前端工具，webpack是前端的一个项目构建工具。
使用解决方案的两种方法对比
- Gulp : 基于task任务的。有多个部分组成，基于功能点。
- webpack : 是基于整个项目
