随着前端工程越来越复杂,单独建几个文件写业务代码,这样的方式已经无法保证项目的可维护性了。

所以我们就想把不同的逻辑拆成模块,然后分开引入这些模块,每个模块自己做自己的事情,这样就可以保证项目的可维护性和拓展行。
 

假如你有几千个模块,那你能在页面引入几千个文件吗,所以当项目大到这个程度的时候,我们就得借助工具来维护我们这些模块了。webpack就是这样一种工具,帮助我们管理复杂项目的一个工具。

与webpack类似,还有很多相似的工具,比如gulp,grunt,browserify。但是这两年webpack的使用率直线上升。比如vue,react,angular。三个脚手架工具,都开始使用webpack底层代码的构建。这得益于webpack相对其它工具无法实现的一些特性。
比如tree shaking,懒加载,代码分割...
不会webpack,不影响业务代码的实现,学会了webpack,你会更深一层去思考前端工程化上面的内容。也能发现在代码的背后其实别有洞天。学会webpack,将极大的扩充前端的开发视野。
 

webpack4相对于之前的版本有了较大的变化。他的速度更快,大型项目节约90%构建事件,同时内置了更多默认配置,变更了许多api。

最新文章

  1. MVVM模式解析和在WPF中的实现(六) 用依赖注入的方式配置ViewModel并注册消息
  2. 程序最多能new多少内存(2G内存里要放程序的5大区,HeapAlloc比new要快多了,而且超过2G的时候会告诉你)
  3. Eclipse JSP/Servlet 环境搭建
  4. leetcode 19
  5. ArcGis:vs c#编程遇到问题The specified filename is invalid
  6. WinRAR 自动解压 解压完成后,执行批处理文件
  7. [LeetCode] Baseball Game 棒球游戏
  8. java 运行环境
  9. ARM-linux与Ubuntu开发工具NFS及流程
  10. Mysql安装本地数据库
  11. AHA高级心血管生命支持ACLS课前自我评估测试
  12. [转]php,使用Slim和Medoo搭建简单restful服务
  13. LLVM的安装
  14. 中国商用分组密码SM4
  15. 我发起了一个 .Net 开源 数据库 项目 SqlNet
  16. 连接数据库及出现System.AccessViolationException错误的解决方法
  17. 常用JS技巧[转]
  18. 洛谷——P2141 珠心算测验
  19. yyy的python3第七天学习
  20. C# 6.0语法新特性体验(二)

热门文章

  1. Linux 上安装Docker 并部署netcor2.1
  2. java向上转型的问题
  3. Rabbit的事务
  4. ecs CentOS 7 安装 mariadb
  5. thrift简介
  6. flask_restful的使用方法
  7. Effective C++ .06 阻止编译器自动生成函数以及被他人调用
  8. sql: TRIGGER
  9. img 加载网络图片失败 显示默认图片
  10. 初识shell expect