webpack dll-plugin使用方法

dll-plugin是个官方插件, 但文档不那么清楚, 网上的文章也比较模糊.

前阵在使用的时候还遇到了个bug, 最后给webpack提了pr, 所以这里说一下dll-plugin的使用方法和简单的原理.

MORE

webpack cache实践与原理

webpack cache 发布3年多了, 在历史包袱中的项目中其实非常好用.

本文会介绍 cache 在一个项目中的实践经验, 和实现流程, 以及了解流程后的一些推论.

MORE

改写git历史

前阵给webpack-dev-server提了pr, 好不容易等到老板来approve了, 结果因为commit作者信息错误而不能被merge.

对git一直啥都不懂, 所以看了一下文档, 并记录一下如何改写git历史.

MORE

测量webpack编译速度

有多个同事反应公司打包脚本本地开发时非常慢, 我debug了一下确实找到了个之前没被发现的问题.

如何知道webpack编译过程卡在了哪里就成了问题.

从webpack进度条看, 只能知道卡了, 而不知道哪个地方卡了, 所以也无从优化.

MORE

hmr简要流程

时隔好久, 终于进入了hmr的简要流程分析.

MORE

增强你使用的网页

有一些刚需网页不好用, 经常有重复操作, 自己来修改是比向网站拥有者提需求容易的.

分享一下最近对2个网站的修改. 这些修改确实节省了我很多日常重复操作的时间.

MORE

webpack-dev-server热加载proxy设置

前几天同事提了如标题的需求, 我觉得挺有意思的, 就实现了一下.

MORE

webpack-dev-server基本流程

之前都在了解webpack的build流程. 现在来了解下dev流程是怎么样的.

MORE

简单介绍tapable

调试webpack一定避免不了tapable.

有时走进一段不认识的代码, step into烦了, 就选择step over, 然后就直接跑完了.

所以最好简单看下tapable才能更好调试webpack.

MORE

tree-shaking相关的配置和流程介绍

关于treeshaking我之前只知道个概念, 把mode设为production就开启了treeshaking.

还知道一些”esm”, “sideEffect”. 但具体的其实很模糊.

(这其实归功于文档一般般, 中文文档更有问题)

这次就来更深入一步. (这篇post需要一些前置知识, 有概念不清楚的需要去webpack系列看一下.)

MORE