该小节主要知识点： npm 包项目搭建 认识类库开发时常用 package.json 字段 正确使用 bin 字段 什么是 npm link 带大家一起发布第一个包 这里我带大家一步一步来实现我们的第

该小节主要知识点： 什么是 npm包 ⭐️ 什么是 框架 为什么要学习和编写 npm包 实现一个自己的 npm包 需要什么准备 什么是npm？ npm 即 Node Package(包) Manage

开源小册-《从0到1手写可插拔前端框架》，深入前端工程化，匠心之作，千字长文,已实战为主，请放心食用

father-build 是 dumi 内部的组件打包工具。本文会介绍个人对其代码的一个简单分析，穿插一些对于前端打包的小想法。 1. 如何调试 father 是个由 lerna 管理的库，组件打包功

webpack 的 hmr 原理。 1、客户端下载 manifest 资源文件... 2、客户端加载文件完成之后... 3、webpack 监听文件变... 4、客户端接收到构建事件之后..

大家好，我是神三元，这一次，让我们来以React为例，把服务端渲染(Server Side Render，简称“SSR”)学个明明白白。 这一部分来简要实现一个React组件的SSR。 一. SSR vs CSR 废话不多说，直接起一个express服务器。 启动之后打开loc…

CommonJS和ES6模块有什么区别！ 一、CommonJS 模块输出的是一个值的拷贝，ES6 模块输出的是值的引用 commonjs的用法，我们一起来看一下 1.首先创建一个lib.js的文件 2

webpack5升级有哪些问题，升级webpack5之后如何做性能优化，哪些优化项是比较重要的？这篇文章告诉你答案

原理：每次 webapck 解析一个模块，HappyPack 会将它及它的依赖分配给 worker 线程中。处理完成之后，再将处理好的资源返回给 HappyPack 的主进程，从而加快打包速度。 在 webpack4.0 中使用 happypack 需要使用其 5.0 版本。 …