为什么要使用webpack?
2024-09-07 07:10:32
在网页中会引用到哪些常见的静态资源?
- js (.js .jsx .coffee .ts)
- css (.css .less .sass .scss scss是sass的plus版)
- images(.jpg .png .gif .bmp .svg)
- videos
- audios
- fonts(.svg .ttf .eot .woff .woff2)
- templates(.ejs .jade .vue)
网页中引入的静态资源多了以后会有什么问题?
- 网页加载速度慢,因为我们要发起很多的二次请求
- 要处理错综复杂的依赖关系
如何解决上诉两个问题?
- 合并、压缩、精灵图(雪碧图:css sprites)、图片的base64编码
- 可以使用requireJS、也可以使用webpack可以解决各个包之间的复杂依赖关系
什么是webpack?
webpack是前端静态资源打包工具,它通过递归查找的方式查找各个模块之间的依赖关系,并且打包成一个或多个bundle(它是基于Node.js开发出来的一个前端工具)
如何完美实现上述的2种解决方案?
- 使用Gulp,是基于task任务的
- 使用webpack,是基于整个项目进行构建的
最新文章
- 【夯实PHP基础】php开发时遇到白页的调试方法
- Android App的设计架构:MVC,MVP,MVVM与架构经验谈
- httpie 取代 curl
- jQuery 菜单
- SaaS模式给用户带来的优势
- 使用perl实现scp批量分发
- C#获取文件的Md5值
- 微信连wifi正式全量对外开放申请 升级智能服务
- 查询局域网内在线电脑IP
- 20145320《Java程序设计》第二次实验报告
- tomcat 详解
- CSS的浮动和清除
- 获取mp4文件信息
- 降低IIScup使用率,提高性能
- HDU 5936 Difference 【中途相遇法】(2016年中国大学生程序设计竞赛(杭州))
- 消息对话框(MessageBox)用法介绍
- python smtp模块发送邮件
- HOW to Use QP_PREQ_PUB.PRICE_REQUEST API to Price an Item
- day45-python实例练习
- scrapy入门:安装scrapy