webpack
文章平均质量分 94
森哥的歌
把人生看成一场旅行是不是会让自己活的更舒服一些。
展开
-
webpack 源码阅读(二):webpack 打包基本原理和过程详解
上一篇讲了webapck如何启动的,像是我们按下了电脑开机按钮,开机完了后,电脑就要开始做各种预先加载工作。等这些加载就绪后,才会开始做一系列的打包工作。本文将讲解webpack准备工作的大致流程:初始化 plugins读取loader这里需要提醒,如果你对tapable的机制还不熟悉,查看tapable如果你也不知道webpack启动执行机制,查看webpack启动上一篇我们探索到compiler执行run 操作。从compiler 开始,webpack正式开始了它的打包之路。compile原创 2020-10-30 19:09:39 · 842 阅读 · 0 评论 -
webpack 源码阅读(一):webpack 启动
本文开始将深入探索webpack的工作细节。如果你也是第一次尝试了解细节,建议先看另外一篇文章tapable的用法,这个小小的库将贯穿整个webpack的始终。调度着各种模块构建有条不紊的进行。本篇我们探索当我们执行webapck 命令后发生了什么?新建一个文件夹npm i -D webpacknpm i -D webpack-cli新建一个webpack.config.js 文件先忽略大部分配置细节,只配置一个入口文件module.exports = { entry: './ind原创 2020-09-10 01:44:06 · 747 阅读 · 0 评论 -
webpack tapable 用法详解
尝试了解webpack的工作机制的时候,发现webpack大量使用了tapable这个核心库来组织代码,tapable 提供了很多中钩子注册,执行的机制。让webpack可以灵活的管理模块编译的各个阶段,灵活的在处理的不同阶段触发plugin的预先定义的钩子。仓库地址:githubgithub readme里有详细的使用文档本文通过自己使用的demo详细讲解tapable 包含了如下apiconst { SyncHook, SyncBailHook, SyncWaterfallHook,原创 2020-08-23 14:41:33 · 1609 阅读 · 2 评论