一、前言 现在随着前端开发的复杂度和规模越来越大，鹰不能抛开工程化来独立开发，比如：react的jsx代码必须编译后才能在浏览器中使用，比如sass和less代码浏览器是不支持的。如果摒弃这些开发框架，开发效率会大幅下降。 在众多前端工程化工具中，webpack脱颖而出成为了当今最流行的前端构建工具 ...
转载
2021-09-10 10:05:00
108阅读
2评论
一 webpack面试总结: https://zhuanlan.zhihu.com/p/44438844 二 抽象语法树（Abstract Syntax Tree）: 1 AST: JavaScript Parser 会把代码转化为一颗抽象语法树（AST），这颗树定义了代码的结构，通过操纵这颗树，我 ...
转载
2021-08-16 11:21:00
140阅读
2评论
是什么 webpack是JavaScript的模块打包工具，通过分析模块之间的依赖，将所有模块打包成一份或者多份代码包。 工作流程 1，初始化参数，初始化Compiler对象，从配置文件和shell 语句读取参数 2，开始编译，加载所有配置的插件 3，确定所有入口文件件 4，编译模块 5，根据模块之 ...
转载
2021-09-08 09:59:00
142阅读
2评论
一、前言 现在随着前端开发的复杂度和规模越来越大，鹰不能抛开工程化来独立开发，比如：react的jsx代码必须编译后才能在浏览器中使用，比如sass和less代码浏览器是不支持的。如果摒弃这些开发框架，开发效率会大幅下降。 在众多前端工程化工具中，webpack脱颖而出成为了当今最流行的前端构建工具 ...
转载
2021-09-10 10:05:00
106阅读
2评论
如果只是这样用，有什么问题呢？这样引入JavaScript是没办法大量引入的，什么算大量呢？
原创
2022-04-19 11:38:46
115阅读
【重学webpack系列——webpack5.0】
以下是本节正文：
import()对于webpack来说，是一个天然的分割点，也就是说，webpack碰到import()会对import()进行解析。怎么解析的，过程主要是：
面试题：webpack解析import()的原理/webpack懒加载原理/webpack异步加载原理:
首先，webpack遇到import方法时，会将其当成
原创
2021-09-02 10:23:15
1443阅读
背景—Webpack 迭代到 4.x 版本后，其源码已经十分庞大，对各种开发场景进行了高度抽象，阅读成本也愈发昂贵。但是为了了解其内部的工作原理，让我们尝试从一个最简单的 webpack 配置入手，从工具设计者的角度开发一款低配版的 Webpack。开发者视角—假设某一天，我们接到了需求，需要开发一个 react 单页面应用,页面中包含一行文字和一个按钮，需要支持每次点
转载
2022-10-24 10:01:53
57阅读
webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundlewebpack四个核心概念一 入口webpack.config.js里配置module.exports = {
转载
2021-02-03 20:05:21
824阅读
2评论
作者： 凹凸曼 - 风魔小次郎 背景 Webpack 迭代到4.x版本后，其源码已经十分庞大，对各种开发场景进行了高度抽象，阅读成本也愈发昂贵。但是为了了解其内部的工作原理，让我们尝试从一个最简单的 webpack 配置入手，从工具设计者的角度开发一款低配版的 Webpack。 开发者视角 假设某一 ...
转载
2020-07-29 17:30:00
269阅读
2评论
webpack只是一个打包模块的机制，只是把依赖的模块转化成可以
转载
2021-07-18 16:25:28
1505阅读
前言随着前端技术的飞速发展，前端开发也从静态页面发展到了web应用，简单的静态页面已经不能满足前端开发的需求。这时涌现了大量的工程化工具，例如早期的gulp，grunt等任务流工具，他们类似于使用javascript完成了shell的一些功能。这些工具虽然解决了大量静态文件的批处理问题
原创
2021-04-15 16:38:17
517阅读
欢迎关注前端早茶，与广东靓仔携手共同进阶 前端早茶专注前端，一起结伴同行，紧跟业界发展步伐~ 公众号作者：广东靓仔 背景 Webpack 特别难学！！！
原创
2022-05-12 17:07:55
243阅读
WebPack可以看做是模块打包机：它做的事情是，分析你的项目结构，找到JavaS
原创
2022-09-11 00:43:18
148阅读
什么是 webpack ? 本质上,webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用程序需要的每个模块,然后将所有这些模块打包
转载
2020-10-16 12:40:00
262阅读
2评论
前言随着前端技术的飞速发展，前端开发也从静态页面发展到了web应用，简单的静态页面已经不能满足前端开发的需求。这时涌现了大量的工程化工具，例如早期的gulp，grunt等任务流工具，他们类似于使用javascript完成了shell的一些功能。这些工具虽然解决了大量静态文件的批处理问题，但本质上还是对静态文件的操作。而webpack的出现将前端工程化提升到了一个新的高度，它可谓是将前端的模块化功能发挥到了极致，进而也成为了目前前端市场最火爆的打包工具。在这篇文章里，我们将会为您分析一下webpack
原创
2022-03-24 17:58:01
184阅读
loader原理loader 概念帮助 webpack 将不同类型的文件转换为 webpack 可识别的模块。loader 执行顺序了解执行顺序之前，需要先了解loader的分类pre： 前置 loadernormal： 普通 loaderinline： 内联 loaderpost
转载
2022-06-10 17:40:36
65阅读
webpack的核心目的和功能就是打包JavaScript代码，在时间的推进过程中，其逐
原创
2022-04-19 11:35:29
99阅读
热更新，主要就是把前端工程 文件变更，即时编译，然后通知到浏览器端，刷新代码。服务单与客户端通信方式有：ajax 轮询，EventSource、websockt。客户端刷新一般分为两种：整体页面刷新，不保留页面状态，就是简单粗暴，直接window.location.reload()。基于WDS (Webpack-dev-server)的模块热替换，只需要局部刷新页面上发生变化的模块，同时可以保留当
原创
2023-03-18 17:33:51
315阅读
分析__webpack_require__.f = {}__webpack_require__.e = (chunkId) => { return Promise.all(O
原创
2022-11-23 00:22:51
216阅读
webpack是一个js打包工具，不一个完整的前端构建工具。它的流行得
转载
2022-03-29 14:26:21
169阅读
