《webpack4.0各个击破系列》适合不知足于只会配置
webpack
但一时间又看不懂源码的中级读者。我无法保证这个系列是最好的,但至少能保证每一篇博文都跟那些Ctrl+C
和Ctrl+V
的博文有本质的区别,不信你读读看。javascript
中文版官方网址:www.webpackjs.comcss
webpack
是前端最火的打包工具,是大前端自动化工厂的重要组成部分。上面的LOGO已经很是形象地表达了webpack
所作的最主要的事情——打包,尽管它为很是多的工具提供了适配接口,但官网仍然推荐将webpack
做为自动化工具链的一部分集成进更大的工具系统,而不是将一切需求的实现都寄但愿于webpack
。html
《webpack4.0各个击破系列》是笔者原创的webpack
4.0使用指南,它并不像其余教程那样一步一步贴着图来演示配置方法,而是经过问题+推演的方式,从打包须要解决的问题,对应的处理策略,以及webpack
相关的一些配置和原理等进行综合讲解。若是你尚未使用过webpack
,那么建议你先阅读官方文档和一些入门级的配置教程(它们可能已通过时了,社区里针对webpack
4.0以上版本的博文并很少,并且大多数都只是在重复官网已经声明过的问题)。若是你想从“为何”的层面上理解webpack
,那么阅读本系列必定会带给你收获。前端
《Webpack4.0各个击破(1)html篇》java
《Webpack4.0各个击破(2)css篇》git
《Webpack4.0各个击破(3)assets篇》web
《Webpack4.0各个击破(4)javascript & splitChunks篇》
《Webpack4.0各个击破(5)module篇》
《Webpack4.0各个击破(6)loader篇》
《Webpack4.0各个击破(7)plugin篇》
《Webpack4.0各个击破(8)tapable篇》
《Webpack4.0各个击破(9)karma篇》
《Webpack4.0各个击破(10)integration篇》
若是上面的内容中涉及的大多数知识你已经掌握,那么下面的文章应该可以帮助你进一步提升。
这个项目里搜罗了很是多的webpack相关的优秀文章,从入门到源码都有。在阅读完笔者的《webpack4.0各个击破》系列后,按照这个列表来查漏补缺就再好不过了。
这个系列只写了3篇,做者用造轮子的方法演示了webpack
最基本的功能,建议有时间感兴趣的同窗本身试试看,必定会有收获。
做者经过30多篇博文,按照webpack
的执行周期,很是详细地讲述了webpack
源码中各个模块的做用和基本原理,但愿深刻研究webpack
的读者必定不要错过。