webpack导学
2024-08-31 20:26:40
随着前端工程越来越复杂,单独建几个文件写业务代码,这样的方式已经无法保证项目的可维护性了。
所以我们就想把不同的逻辑拆成模块,然后分开引入这些模块,每个模块自己做自己的事情,这样就可以保证项目的可维护性和拓展行。
假如你有几千个模块,那你能在页面引入几千个文件吗,所以当项目大到这个程度的时候,我们就得借助工具来维护我们这些模块了。webpack就是这样一种工具,帮助我们管理复杂项目的一个工具。
与webpack类似,还有很多相似的工具,比如gulp,grunt,browserify。但是这两年webpack的使用率直线上升。比如vue,react,angular。三个脚手架工具,都开始使用webpack底层代码的构建。这得益于webpack相对其它工具无法实现的一些特性。
比如tree shaking,懒加载,代码分割...
不会webpack,不影响业务代码的实现,学会了webpack,你会更深一层去思考前端工程化上面的内容。也能发现在代码的背后其实别有洞天。学会webpack,将极大的扩充前端的开发视野。
webpack4相对于之前的版本有了较大的变化。他的速度更快,大型项目节约90%构建事件,同时内置了更多默认配置,变更了许多api。
最新文章
- MVVM模式解析和在WPF中的实现(六) 用依赖注入的方式配置ViewModel并注册消息
- 程序最多能new多少内存(2G内存里要放程序的5大区,HeapAlloc比new要快多了,而且超过2G的时候会告诉你)
- Eclipse JSP/Servlet 环境搭建
- leetcode 19
- ArcGis:vs c#编程遇到问题The specified filename is invalid
- WinRAR 自动解压 解压完成后,执行批处理文件
- [LeetCode] Baseball Game 棒球游戏
- java 运行环境
- ARM-linux与Ubuntu开发工具NFS及流程
- Mysql安装本地数据库
- AHA高级心血管生命支持ACLS课前自我评估测试
- [转]php,使用Slim和Medoo搭建简单restful服务
- LLVM的安装
- 中国商用分组密码SM4
- 我发起了一个 .Net 开源 数据库 项目 SqlNet
- 连接数据库及出现System.AccessViolationException错误的解决方法
- 常用JS技巧[转]
- 洛谷——P2141 珠心算测验
- yyy的python3第七天学习
- C# 6.0语法新特性体验(二)