Korey

此系列文章作为笔记，用于记录分析 webpack 源码主流程的过程。 版本不同，源码略微有差异。 本项目 demo 开源在github，欢迎交流学习。 采用 vscode 来打断点调试分析。 webpack 从配置初始化到打包完成定义了一个生命周期，在这个生命周期中的每一个阶段…

CSRF（Cross-site request forgery）跨站请求伪造：攻击者诱导受害者进入第三方网站，在第三方网站中，向被攻击网站发送跨站请求。利用受害者在被攻击网站已经获取的注册凭证(cookies 等)，绕过后台的用户验证，达到冒充用户对被攻击的网站执行某项操作的目…

在方法中先触发 compiler.hooks: beforeRun，执行之前注册的 NodeEnvironmentPlugin（该插件此时判断 inputFileSystem 是否被配置，如未配置则执行 purge 清理方法），然后在回调里触发 compiler.hooks: …

此文章记录下在 typescript 项目里的一些相关配置和包的选用，其中各种依赖包和最佳实践都在不断发展演变中，最新的配置以该仓库 MVVM 为准。 在webpack中使用 babel 7.0 +,摒弃了传统的 ts-loader 或 awesome-typescript-l…

Web 端即时通讯方案大致有 4 种：传统 Ajax 短轮询、Comet 技术、WebSocket 技术、SSE（Server-sent Events）。本文将简要介绍这 4 种技术的原理，并指出各自的异同点、优缺点等。 原理是在客户端通过 Ajax 的方式的方式每隔一小段时间…

执行 compilation.finish，触发 compilation.hooks：finishModules，执行插件 FlagDependencyExportsPlugin 注册的事件，作用是遍历所有 module 将 export 出来的变量以数组的形式，单独存储到 m…

前面分析了 webpack 的普通主流程构建，另外，通过设置 watch 模式，webpack 可以监听文件变化，当它们修改后会重新编译。文档 接下来设置 cli 命令加上 --watch 之后 对 watch 模式下的主流程进行分析（mode = development）。 …

通过实践及源码找寻babel7各主流包的最佳配置及各方案缺陷，并介绍未来babel8的相关逻辑思路。

该类主要对文件系统做了一些封装，包括输入，输出，缓存，监听等等，这些扩展后的方法全部挂载在 compiler 对象下。 在这里，会把 compiler 实例传进去供 plugin 使用，compiler 包含整个构建流程的全部钩子，通过它可以把控整个 webpack 构建周期。…