{"id":14976339,"url":"https://github.com/kingvid-chan/webpack2-lessons","last_synced_at":"2025-10-27T20:30:55.599Z","repository":{"id":90309764,"uuid":"84571773","full_name":"kingvid-chan/webpack2-lessons","owner":"kingvid-chan","description":"📖《webpack2 包教不包会》","archived":false,"fork":false,"pushed_at":"2017-07-19T11:34:04.000Z","size":10068,"stargazers_count":184,"open_issues_count":1,"forks_count":23,"subscribers_count":13,"default_branch":"master","last_synced_at":"2025-02-01T08:01:34.653Z","etag":null,"topics":["loader","node-webpack","webpack","webpack-dev-server","webpack-lesson","webpack2"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/kingvid-chan.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-03-10T15:07:38.000Z","updated_at":"2024-04-24T12:40:17.000Z","dependencies_parsed_at":null,"dependency_job_id":"c70dd62f-627c-45be-8357-de10bb7b6516","html_url":"https://github.com/kingvid-chan/webpack2-lessons","commit_stats":{"total_commits":42,"total_committers":2,"mean_commits":21.0,"dds":0.1428571428571429,"last_synced_commit":"8b8f2cca72a7465b465e26e5cece7c6b5dd42334"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kingvid-chan%2Fwebpack2-lessons","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kingvid-chan%2Fwebpack2-lessons/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kingvid-chan%2Fwebpack2-lessons/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kingvid-chan%2Fwebpack2-lessons/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/kingvid-chan","download_url":"https://codeload.github.com/kingvid-chan/webpack2-lessons/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":238552956,"owners_count":19491350,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["loader","node-webpack","webpack","webpack-dev-server","webpack-lesson","webpack2"],"created_at":"2024-09-24T13:53:44.866Z","updated_at":"2025-10-27T20:30:49.554Z","avatar_url":"https://github.com/kingvid-chan.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 📖《webpack2 包教不包会》\n\n### 写在前面\n之所以写这个教程，是因为之前自己自学webpack的时候，遇到了很多阻碍，首先是官网全英，api对我来说写得也模模糊糊的，当然官方文档很详细，但对于初学者来说学习成本就比较高了。在google搜索出来的一大堆所谓的webpack教程要么就是直接丢给你一份作者已经配置好的配置文件，要么就是单独跟你讲某个配置参数的作用（感觉就是把官网的英文纯粹翻译成中文而已），这样子还不如去仔细啃官网，毕竟翻译成中文的时候会有很多意思传达不准确。  \n\nwebpack的社区和文档都还不太成熟，我也是踩了很多坑一步步总结过来的，文章一路写来确实花费了我很大的精力，也是希望能为webpack成熟的社区贡献一份力量吧，文章的书写格式上是[@alsotang 写的node-lessons](https://github.com/alsotang/node-lessons)给得我启发，大学时候入门Node.js时这位前辈的教程确实帮了我很大的忙，也看得出他本人在教程写作上花了很大的心思，他写作的教程非常细致，且能引导每个读者去独立思考，学习之后一般都能很好地掌握所讲内容。基于相似的写作方式（讲解详细、循序渐进、深入浅出），教程名称我也按照“包教不包会”的系列继承下来，借此也表达我对这位前辈的感激。  \n\n## 课程列表\n\n* Lesson 0: [《学习webpack之前》](https://github.com/kingvid-chan/webpack-lessons/tree/master/lesson0)\n* Lesson 1: [《一个最简单的webpack应用》](https://github.com/kingvid-chan/webpack-lessons/tree/master/lesson1)\n* Lesson 2: [《使用webpack-dev-server实现热更新》](https://github.com/kingvid-chan/webpack-lessons/tree/master/lesson2)\n* Lesson 3: [《兼容开发和生产环境的配置文件》](https://github.com/kingvid-chan/webpack-lessons/tree/master/lesson3)\n* Lesson 4: [《晋级篇：SPA单页面应用（组件化开发+SASS+ES6）》](https://github.com/kingvid-chan/webpack-lessons/tree/master/lesson4)\n* Lesson 5: [《晋级篇（续）：复杂项目下的代码分割》](https://github.com/kingvid-chan/webpack-lessons/tree/master/lesson5)\n* Lesson 6: [《在Node.js中调用webpack+反向代理》](https://github.com/kingvid-chan/webpack-lessons/tree/master/lesson6)\n* Lesson 7: [《写出自己的loader》](https://github.com/kingvid-chan/webpack-lessons/tree/master/lesson7)\n* Lesson 8: [《写出自己的plugin》](https://github.com/kingvid-chan/webpack-lessons/tree/master/lesson8)\n\n## 计划\n\n* 《学习简单的webpack配置，了解各配置选项的意义》\n* 《学习使用webpack-dev-server热更新》\n* 《学习配置较为复杂的工程构建》\n* 《学习怎么用Node API调用webpack》\n* 《学习如何写出自己的loader》\n* 《学习如何写出自己的plugin》\n\n## 本课程特点\n\n* 内容讲解详细\n* 一步一个脚印，由浅至深，引导读者跟随课程的节奏一起深入思考\n* 每一课的课程挑战如果有能力完成，则可考虑放弃阅读课程内容\n\n## License\n\nMIT","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkingvid-chan%2Fwebpack2-lessons","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkingvid-chan%2Fwebpack2-lessons","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkingvid-chan%2Fwebpack2-lessons/lists"}