《webpack2 包教不包会》

写在前面

之所以写这个教程,是因为之前自己自学webpack的时候,遇到了很多阻碍,首先是官网全英,api对我来说写得也模模糊糊的,当然官方文档很详细,但对于初学者来说学习成本就比较高了。在google搜索出来的一大堆所谓的webpack教程要么就是直接丢给你一份作者已经配置好的配置文件,要么就是单独跟你讲某个配置参数的作用(感觉就是把官网的英文纯粹翻译成中文而已),这样子还不如去仔细啃官网,毕竟翻译成中文的时候会有很多意思传达不准确。

webpack的社区和文档都还不太成熟,我也是踩了很多坑一步步总结过来的,文章一路写来确实花费了我很大的精力,也是希望能为webpack成熟的社区贡献一份力量吧,文章的书写格式上是@alsotang 写的node-lessons给得我启发,大学时候入门Node.js时这位前辈的教程确实帮了我很大的忙,也看得出他本人在教程写作上花了很大的心思,他写作的教程非常细致,且能引导每个读者去独立思考,学习之后一般都能很好地掌握所讲内容。基于相似的写作方式(讲解详细、循序渐进、深入浅出),教程名称我也按照“包教不包会”的系列继承下来,借此也表达我对这位前辈的感激。

课程列表

计划

  • 《学习简单的webpack配置,了解各配置选项的意义》
  • 《学习使用webpack-dev-server热更新》
  • 《学习配置较为复杂的工程构建》
  • 《学习怎么用Node API调用webpack》
  • 《学习如何写出自己的loader》
  • 《学习如何写出自己的plugin》

本课程特点

  • 内容讲解详细
  • 一步一个脚印,由浅至深,引导读者跟随课程的节奏一起深入思考
  • 每一课的课程挑战如果有能力完成,则可考虑放弃阅读课程内容

License

MIT

来源

https://github.com/kingvid-chan/webpack2-lessons