2
[建议收藏] Webpack 4+ 优秀学习资料合集
source link: https://segmentfault.com/a/1190000040008841
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
最近在学习 Webpack 源码，前前后后输出了 6 篇原理分析、工具分享类型的文章，过程中找到一些质量很高，值得一看的学习资料，所以熬夜整理了一波，希望对大家有帮助。
收录的规则很简单：
- 内容适用于 Webpack 4 以上
- 不看点赞、阅读数，篇幅也可以很短，但内容必须详实，不能有明显偏误
- 不求量不求全，但求涵盖应用、原理、工具等维度，能够给各个层级的同学带来新的知识
未来我会持续维护这份列表，非常欢迎社区小伙伴们到我个人公众号 tecvan 投稿。
Webpack 基础
使用 Webpack 开发 Web 应用
使用 Webpack 编写 npm 包
使用脚手架
Hello World
- Webpack Examples： Webpack 官方提供的示例，涵盖大多数特性的用法
- ruanyf/webpack-demos: 阮一峰老师的 Webpack 入门示例
Webpack 进阶
如何编写 Loader
如何编写 Plugin
- Webpack 案例 -- vue-loader 原理分析: 结合 vue-loader ，实例分析如何编写 Webpack 插件，特别分析了 vue-loader 如何解析一份 SFC 中的三种内容；如何复用 Webpack 配置中的其它 Loader
- 如何写一个webpack插件（一）
- 「吐血整理」再来一打Webpack面试题: 掘金高赞，以面试题视角概要解释 Webpack 中的各个知识点
- Webpack interview questions
- webpack 中那些最易混淆的 5 个知识点: 讲解 Webpack 一些常用但容易被忽视的配置项，对面试和日常应用都很有启发
范文杰 - 源码解析 Webpack(私货)
- 深入浅出 Webpack: 应该是国内最详尽的 Webpack 书籍，从入门到应用，再到原理、工具都有介绍，非常值得入手
- Webpack 5 知识体系: 一份拆解 Webpack 核心原理、架构、编译流程、loader、插件的在线知识图谱
- 随笔列表第6页 - 书生小龙 - 博客园: 一系列 Webpack 源码分析文章，每篇文章都针对源码某一个特别小的点展开来讲
- Webpack Book from SurviveJS : 一本深入浅出 Webpack 应用、原理、工具等主题的在线书籍
- 史上最走心webpack4.0中级教程--配置之外你应该知道的事
刘小夕 - 带你深度解锁 Webpack 系列
滴滴前端技术团队 - 比较硬核的 Webpack 原理分析系列文章，得静下心来慢慢看
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK