1. 1. 最后说两句

老骥伏枥,志在千里; 烈士暮年,壮心不已。

               ——曹操

本专栏以零基础入门开始,从前端的模块化开发开始讲解模块化打包的历史,引出对 Webpack 重要性和解决问题的思考,然后由浅到深的介绍了 Webpack 的基本功能用法,然后是项目优化,最后介绍了 Webpack 的核心功能实现,并且带领大家手动实现了插件和 loader,专栏中实现的插件和 loader 都是本人在实际项目中真实的解决方案。

本专栏总共涉及了入门篇、配置篇、优化篇、原理篇和实战篇 五大主要章节。

其中入门篇、配置篇和优化篇属于 Webpack 的开发配置,在这三个章节中,我们学习了 Webapck 的基本开发概念,以及日常开发和上线之前项目的优化内容。

原理篇是介绍 Webpack 的底层实现原理,通过 Webpack 的内核原理来加深 Webpack 的理解,让我们做到「知其所以然」。

最后在实战篇,我结合自己项目中的实践,向大家介绍了自己基于 Webpack 打造前端工程化解决方案,包括移动端屏幕适配方案、markdown-loader、还有使用 Webpack 的 API 搭建一个自己的 dev-server、以及最后介绍了通过 stats 来分析项目打包,最后还介绍了如何在一次打包中打出即适配老浏览器的代码有适配现代浏览器的代码。

markdown-loader 虽然在实战篇介绍的简单,但是我在实际项目中是基于这个 loader 实现了一套使用 markdown 做网站的系统,而且能够将 markdown 中的代码提取出来执行,类似我的开源项目 nodeppt 也是基于 Webpack 实现的通过 markdown 来转换成网页演示文档。

介绍这些内容,其实是让大家学会自己思考,专栏虽然简单,但是真正理解 Webpack 的原理,我们是可以使用它来解决实际项目问题的!

最后说两句

结合上面的内容,再多说几句。虽然小伙伴已经看完本专栏,但是本专栏的内容章节比较多,能够真正掌握还需要在日常的开发中多多思考。专栏只是帮大家搭建一个学习 Webpack 的知识框架,真正掌握这个知识架构还需要大家多多实践,遇见了问题之后自己动手解决,「好脑子不如烂笔头」,经过动手解决问题,在实践的过程中才能真正的理解一个知识点。

也许有的小伙伴在工作中并不会接触 Webpack 的配置,或者项目只需要配置一次 Webpack 之后就不动了,对于这种情况的小伙伴,我希望大家在专栏中能够得到一些启发,当遇见问题需要解决的时候,可以想起来:哦,我们可以通过 Webpack 的方式来解决这个问题!或者我们在学习的过程中能够对非 Webpack 的内容得到一些启发,比如 Babel、PostCSS、Node.js 项目调试等相关内容。

除了阅读和动手实践,常常思考所学内容,在日常开发实践中遇见问题能够从所学知识上寻找解决的途径也是很重要的。

最后说一下,由于本人的能力和时间有限,虽然本人和慕课网方面已经做了很多校正工作,但是不可避免的会出现一些错误,希望大家斧正和理解。

祝好!