https://github.com/kingvid-chan/webpack2-lessons
📖《webpack2 包教不包会》
https://github.com/kingvid-chan/webpack2-lessons
loader node-webpack webpack webpack-dev-server webpack-lesson webpack2
Last synced: 4 months ago
JSON representation
📖《webpack2 包教不包会》
- Host: GitHub
- URL: https://github.com/kingvid-chan/webpack2-lessons
- Owner: kingvid-chan
- License: mit
- Created: 2017-03-10T15:07:38.000Z (almost 9 years ago)
- Default Branch: master
- Last Pushed: 2017-07-19T11:34:04.000Z (over 8 years ago)
- Last Synced: 2025-02-01T08:01:34.653Z (about 1 year ago)
- Topics: loader, node-webpack, webpack, webpack-dev-server, webpack-lesson, webpack2
- Language: JavaScript
- Homepage:
- Size: 9.6 MB
- Stars: 184
- Watchers: 13
- Forks: 23
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 📖《webpack2 包教不包会》
### 写在前面
之所以写这个教程，是因为之前自己自学webpack的时候，遇到了很多阻碍，首先是官网全英，api对我来说写得也模模糊糊的，当然官方文档很详细，但对于初学者来说学习成本就比较高了。在google搜索出来的一大堆所谓的webpack教程要么就是直接丢给你一份作者已经配置好的配置文件，要么就是单独跟你讲某个配置参数的作用（感觉就是把官网的英文纯粹翻译成中文而已），这样子还不如去仔细啃官网，毕竟翻译成中文的时候会有很多意思传达不准确。
webpack的社区和文档都还不太成熟，我也是踩了很多坑一步步总结过来的，文章一路写来确实花费了我很大的精力，也是希望能为webpack成熟的社区贡献一份力量吧，文章的书写格式上是[@alsotang 写的node-lessons](https://github.com/alsotang/node-lessons)给得我启发，大学时候入门Node.js时这位前辈的教程确实帮了我很大的忙，也看得出他本人在教程写作上花了很大的心思，他写作的教程非常细致，且能引导每个读者去独立思考，学习之后一般都能很好地掌握所讲内容。基于相似的写作方式（讲解详细、循序渐进、深入浅出），教程名称我也按照“包教不包会”的系列继承下来，借此也表达我对这位前辈的感激。
## 课程列表
* Lesson 0: [《学习webpack之前》](https://github.com/kingvid-chan/webpack-lessons/tree/master/lesson0)
* Lesson 1: [《一个最简单的webpack应用》](https://github.com/kingvid-chan/webpack-lessons/tree/master/lesson1)
* Lesson 2: [《使用webpack-dev-server实现热更新》](https://github.com/kingvid-chan/webpack-lessons/tree/master/lesson2)
* Lesson 3: [《兼容开发和生产环境的配置文件》](https://github.com/kingvid-chan/webpack-lessons/tree/master/lesson3)
* Lesson 4: [《晋级篇：SPA单页面应用（组件化开发+SASS+ES6）》](https://github.com/kingvid-chan/webpack-lessons/tree/master/lesson4)
* Lesson 5: [《晋级篇（续）：复杂项目下的代码分割》](https://github.com/kingvid-chan/webpack-lessons/tree/master/lesson5)
* Lesson 6: [《在Node.js中调用webpack+反向代理》](https://github.com/kingvid-chan/webpack-lessons/tree/master/lesson6)
* Lesson 7: [《写出自己的loader》](https://github.com/kingvid-chan/webpack-lessons/tree/master/lesson7)
* Lesson 8: [《写出自己的plugin》](https://github.com/kingvid-chan/webpack-lessons/tree/master/lesson8)
## 计划
* 《学习简单的webpack配置，了解各配置选项的意义》
* 《学习使用webpack-dev-server热更新》
* 《学习配置较为复杂的工程构建》
* 《学习怎么用Node API调用webpack》
* 《学习如何写出自己的loader》
* 《学习如何写出自己的plugin》
## 本课程特点
* 内容讲解详细
* 一步一个脚印，由浅至深，引导读者跟随课程的节奏一起深入思考
* 每一课的课程挑战如果有能力完成，则可考虑放弃阅读课程内容
## License
MIT