技术栈
前端面试题 webpack的工作流程
人间小趴菜
2024-08-23 16:41
一、流程图
二、重要概念
1.
entry入口
:
Webpack 从配置的入口点开始,分析应用程序的依赖关系
2.output出口:
定义了打包后的文件如何输出,包括文件名和输出路径。
3.loader加载器:
Webpack 本身只能处理 JavaScript 和 JSON 文件。加载器允许 Webpack 处理其他类型的文件,如将 CSS、图片等资源转换为合适的模块。
4.plugin插件:
扩展 Webpack 的功能,如自动刷新浏览器、优化输出的 JavaScript 代码、提供环境变量等。
5.
mode
模式:
定义了应用程序的运行环境,可以是
development
或
production
,影响优化和源码映射等。
6.module模块:
一个文件就可以是一个模块。
7.chunk代码块:
一个或多个module可以组成一个chunk。
8.bundle包:
Webpack 将应用程序的所有依赖项(包括 JavaScript、图片、样式表等)打包在一起形成的一个或多个文件。这个过程称为打包(Bundling)。
9.依赖图**(Dependency Graph)**:
Webpack 通过分析模块依赖生成的依赖图,用于确定如何打包模块
10.热模块更新HMR(hot module replacement):
在开发过程中,替换掉那些被更新的chunk,而不需要重新加载整个页面。
前端
webpack
node.js
上一篇:
Android笔试面试题AI答之Kotlin(16)
下一篇:
除猫毛空气净化器什么牌子好?除猫毛宠物空气净化器测评推荐
相关推荐
Sun_light
13 分钟前
6个你必须掌握的「React Hooks」实用技巧✨
前端
·
javascript
·
react.js
爱学习的茄子
16 分钟前
深度解析JavaScript中的call方法实现:从原理到手写实现的完整指南
前端
·
javascript
·
面试
莫空0000
16 分钟前
Vue组件通信方式详解
前端
·
面试
呆呆的心
16 分钟前
揭秘 CSS 伪元素:不用加标签也能玩转出花的界面技巧 ✨
前端
·
css
·
html
susnm
21 分钟前
Dioxus 与数据库协作
前端
·
rust
优雅永不过时_v
25 分钟前
基于vite适用于 vue和 react 的Three.js低代码与Ai结合编辑器
前端
·
javascript
小皮侠
27 分钟前
nginx的使用
java
·
运维
·
服务器
·
前端
·
git
·
nginx
·
github
WildBlue
29 分钟前
🧊 HTML5 王者对象 Blob - 二进制世界的魔法沙漏
前端
·
javascript
·
html
啷咯哩咯啷
33 分钟前
Vue3构建低代码表单设计器
前端
·
javascript
·
vue.js
用户2612458340161
34 分钟前
vue学习路线(10.监视属性-watch)
前端
·
vue.js
热门推荐
01
集群聊天服务器---MySQL数据库的建立
02
GPU 进阶笔记(二):华为昇腾 910B GPU
03
Coze扣子平台完整体验和实践(附国内和国际版对比)
04
使用Ruby接入实时行情API教程
05
Word粘贴时出现“运行时错误53,文件未找到:MathPage.WLL“的解决方案
06
扣子(coze)实战|我用扣子搭建了一个自动分析小红薯笔记内容的AI应用|详细步骤拆解
07
基于odoo17的设计模式详解---装饰模式
08
扣子空间的使用教程与大模型技术思考
09
DeepSeek各版本说明与优缺点分析
10
Java学习第十五部分——MyBatis