webpack

dll-plugin是个官方插件, 但文档不那么清楚, 网上的文章也比较模糊. 前阵在使用的时候还遇到了个bug, 最后给webpack提了pr, 所以这里说一下dll-plugin的使用方法.

webpack cache 发布3年多了, 在历史包袱中的项目中其实非常好用. 本文会介绍 cache 在一个项目中的实践经验, 和实现原理, 以及了解流程后的一些推论.

如果webpack运行在一个点卡了很久怎么办? 如何debug? 其实很简单. 学会以后可以分析自己的项目, 也可以用来回答面试题!

hmr工作流程与原理. 如果对hmr是怎么实现的有好奇心的朋友, 和阅读webpack源码因为找不到下一步执行代码的的朋友, 欢迎阅读.

前几天同事提了如标题的需求, 我觉得挺有意思的, 就实现了一下. 什么场景可以实现这个需求 只有一个要求: 你的dev流程是programmatically的. 原因也很好理解, 因为变化的proxy

之前都在了解webpack的build流程. 现在来从webpack-dev-server中了解dev的原理.

因为工作需求我接触了一些webpack的内容, 从而引发了好奇心, 自己看了一些webpack源码. 今天在掘金上搜了一些webpack文章, 深入级别的不太多, 多是标题原理, 实则介绍插件. 所以

调试webpack一定避免不了tapable. 有时走进一段不认识的代码, step into烦了, 就选择step over, 然后就直接跑完了. 所以最好简单看下tapable才能更好调试webp

续上次接了svgr插件, 产生的疑问, 可不可以不实用file-loader的情况来加载svgr, 简单的看了下记录个结论. 目标和问题 前面的文章已经提到, 因为迁移关系, 我们期望的目标是: 通过

公司一些客户需要支持ie11, 而有一些第三方包表示不爱支持ie11了. 所以使用的时候需要一些额外的工作. 这里简单记录下处理方式, 和轻度聊聊npm包输出格式的问题. 关于不支持ie11的包的讨论

工作遇到要写webpack插件的情况, 记录一下是如何完成需求的. 因为webpack插件的文档是没有插件相关api的, 要写webpack插件只有通过看webpack代码或webpack插件代码.

经过webpack打包后, 项目中引入的依赖是存在在哪里, 不同chunk的依赖是如何加载的? 本文通过查看打包结果, 了解了下webpack中的模块化, externals, code splitt

打包到65%老卡住是为什么? 为什么我的打包没有进度条? 进度条的真实度是怎么样的? 看完就了解. 本来打算总结make阶段, 偶然间点到这个插件上, 觉得又简单又有用, 插队写个progress-p

说是webpack compile, 准确的说是compiler执行run方法的过程, 这里包含make, seal, emit三个阶段. 这里会比上篇多深入一步, 介绍下最简单的情况下, 一个mod

接上回asset module的时候没有说基础概念. 这里说一下执行一次webpack流程的最外层的行为, 之后有时间的话再继续深入. 准备 在正文前, 必须得先说说我是怎么调试的, 和tapable

一直对webpack的一些功能概念比较模糊, 所以过一次文档的guide来看看这些功能: code spliting, tree shaking, hot module replacement, re