Webpack Webpack 技巧 - 联合 alias 和 mainFields 提高多库联调效率 使用 Webpack 开发大型工程时,在联调功能模块时除了 npm link 之外,还可使用 resolve.alias 和 resolve.mainFields 来指定具体源码位置
经验总结 Webpack 踩坑记 - 配置 externals 和 output webpack 很强大,但学习成本也跟着上去了,其中一件让人头疼的是输出时的配置,特别容易让人迷惑;本文总结了自己开发库时依赖共同第三方包时的 externals 和 output 配置项。
Webpack Webpack 源码(二)—— 如何阅读源码 本文以一个公司(Company)来类比,方便去理解 Compiler 、Compilation 、Module 等关键对象,阅读源码的过程其实可以认为是了解对象的方法和属性的过程;本文不对 Webpack 流程再做重复的描述,而是从另外一个角度补充分析 Webpack 源码。
源码分析 Webpack 源码(一)—— Tapable 和 事件流 Webpack 可以认为是一种基于事件流的编程范例,内部的工作流程都是基于插件机制串接起来,而将这些插件粘合起来的就是webpack自己写的基础类 Tapable;本文详细分析了该类的,为洞察 Webpack 源码结构打下基础
Webpack Webpack实战 - 使用动态 entry 改善调试体验 使用 Webpack 开发多页面系统时,会受到页面数量影响,可采用动态 entry 的方式优化;动态 entry 实施的过程是借鉴 webpack 自身的 SingleEntryPlugin 插件进行的,在可靠性方面有很大的保障