EL PSY CONGROO

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

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

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

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

说是webpack compile, 准确的说是compiler执行run方法的过程, 这里包含make, seal, emit三个阶段.

这里会比上篇多深入一步, 介绍下最简单的情况下, 一个module经过各个阶段时的状态.

这些状态中夹杂着非常多的二开点(hooks), 了解module的状态, 就能知道在什么阶段可以对他大概进行什么处理了.

但对细节和具体数据结构点到为止, webpack细节实在是太多了, 慢慢再展开.

打包到65%老卡住是为什么? 为什么我的打包没有进度条? 进度条的真实度是怎么样的?

看完就了解.

接上回asset module的时候没有说基础概念.

这里说一下执行一次webpack流程的最外层的行为, 之后有时间的话再继续深入.

续上次接了svgr插件, 产生的疑问, 可不可以不实用file-loader的情况来加载svgr, 简单的看了下记录个结论.

因为对npm和monorepo不熟悉导致工作上发生了问题, 简单分析下原因.

考了驾照后开了5年多摩托车了, 开过2部车, 加起来应该5万多公里了. 来总结一下可以自己做的保养工作.

有同事在迁移到公司打包脚本的时候遇到了不支持svg作为组件引入的问题.

在应用svgr的时候要注意不能影响打包脚本原来对svg的处理逻辑.

最近第一次用了codemirror.

基本配置外, 写了一个粗体md快捷键插件, 和一个拖拽/粘贴图片产生md格式并预览图片的插件.

记录一下开发过程. (但因为没有用过任何竞品包括monaco, 无法比较功能和开发体验)

公司一些客户需要支持ie11, 而有一些第三方包表示不爱支持ie11了. 所以使用的时候需要一些额外的工作.

这里简单记录下处理方式, 和轻度聊聊npm包输出格式的问题.