- 简介
- 目录大纲
- 最新文档
轻松理解webpack热更新原理
一、前言 - webpack 热更新 Hot Module Replacement，简称 HMR，无需完全刷新整个页面的同时，更新模块。HMR 的好处，在日常开发工作中体会颇深： 节省宝贵的开发时间、提升开发体验 。 刷新我们一般分为两种： 一种是页面刷新，不保留页面状态，就是简单粗暴，直接 window.location.reload()。 另一种是基于 WDS (Webpack-dev-……
追风者 - 2022年3月3日 01:34
webpack-dev-server 运行原理
前言 现代 web 开发者们对于 webpack 想必已经很熟悉了，webpack-dev-server 几乎都是标配。但是 webpack-dev-server 背后的运行原理是怎样的呢？想了解 how 我们先看看 what。 webpack 将我们的项目源代码进行编译打包成可分发上线的静态资源，在开发阶段我们想要预览页面效果的话就需要启动一个服务器伺服 webpack 编译出来的静态资源。we……
追风者 - 2022年3月3日 01:29
深入了解 webpack 模块加载原理
webpack 是一个模块打包器，在它看来，每一个文件都是一个模块。 无论你开发使用的是 CommonJS 规范还是 ES6 模块规范，打包后的文件都统一使用 webpack 自定义的模块规范来管理、加载模块。本文将从一个简单的示例开始，来讲解 webpack 模块加载原理。 CommonJS 规范 假设现在有如下两个文件： ```js // index.js const test2 = requ……
追风者 - 2022年3月3日 01:23
一文吃透 Webpack 核心原理
背景 Webpack 特别难学！！！ 时至 5.0 版本之后，Webpack 功能集变得非常庞大，包括：模块打包、代码分割、按需加载、HMR、Tree-shaking、文件监听、sourcemap、Module Federation、devServer、DLL、多进程等等，为了实现这些功能，webpack 的代码量已经到了惊人的程度： 498 份 JS 文件 18862 行注释 73548 行代……
追风者 - 2022年3月3日 01:13
