《webpack2 包教不包会》
写在前面
之所以写这个教程,是因为之前自己自学webpack的时候,遇到了很多阻碍,首先是官网全英,api对我来说写得也模模糊糊的,当然官方文档很详细,但对于初学者来说学习成本就比较高了。在google搜索出来的一大堆所谓的webpack教程要么就是直接丢给你一份作者已经配置好的配置文件,要么就是单独跟你讲某个配置参数的作用(感觉就是把官网的英文纯粹翻译成中文而已),这样子还不如去仔细啃官网,毕竟翻译成中文的时候会有很多意思传达不准确。
webpack的社区和文档都还不太成熟,我也是踩了很多坑一步步总结过来的,文章一路写来确实花费了我很大的精力,也是希望能为webpack成熟的社区贡献一份力量吧,文章的书写格式上是@alsotang 写的node-lessons给得我启发,大学时候入门Node.js时这位前辈的教程确实帮了我很大的忙,也看得出他本人在教程写作上花了很大的心思,他写作的教程非常细致,且能引导每个读者去独立思考,学习之后一般都能很好地掌握所讲内容。基于相似的写作方式(讲解详细、循序渐进、深入浅出),教程名称我也按照“包教不包会”的系列继承下来,借此也表达我对这位前辈的感激。
课程列表
- Lesson 0: 《学习webpack之前》
- Lesson 1: 《一个最简单的webpack应用》
- Lesson 2: 《使用webpack-dev-server实现热更新》
- Lesson 3: 《兼容开发和生产环境的配置文件》
- Lesson 4: 《晋级篇:SPA单页面应用(组件化开发+SASS+ES6)》
- Lesson 5: 《晋级篇(续):复杂项目下的代码分割》
- Lesson 6: 《在Node.js中调用webpack+反向代理》
- Lesson 7: 《写出自己的loader》
- Lesson 8: 《写出自己的plugin》
计划
- 《学习简单的webpack配置,了解各配置选项的意义》
- 《学习使用webpack-dev-server热更新》
- 《学习配置较为复杂的工程构建》
- 《学习怎么用Node API调用webpack》
- 《学习如何写出自己的loader》
- 《学习如何写出自己的plugin》
本课程特点
- 内容讲解详细
- 一步一个脚印,由浅至深,引导读者跟随课程的节奏一起深入思考
- 每一课的课程挑战如果有能力完成,则可考虑放弃阅读课程内容
License
MIT