webpack配置之---上下文

ops/2025/2/11 2:30:45/

context

context 是 Webpack 配置中的一个重要属性,它主要用于确定模块解析时的基础目录。可以理解为是 Webpack 在解析模块时,基于哪个目录作为根路径来查找模块。context 的默认值是 process.cwd(),即当前执行 Webpack 命令时的工作目录。

1. context 的作用

当你使用相对路径来引入模块时,Webpack 会从 context 指定的目录开始查找模块,而不是从项目根目录开始查找。

module.exports = {context: path.resolve(__dirname, 'src'),  // 设置模块解析的基础目录entry: './index.js',  // 入口文件路径相对于 context
};

在这个例子中,context 被设置为 'src',这意味着 Webpack 会从 src 目录开始查找相对路径模块。而如果不设置 context,Webpack 会默认从当前工作目录(process.cwd())开始查找。

2. context 的默认值

  • context 的默认值是 process.cwd(),即你执行 Webpack 命令时的工作目录。
  • 这意味着,如果你没有显式设置 context,Webpack 将默认从执行命令时的当前工作目录开始解析模块。

3. 使用场景

  • 多入口的情况:如果你的项目有多个入口,并且入口文件的位置不在根目录下,可以使用 context 来减少路径书写的冗长。
  • 指定基础路径:当你的项目的文件结构较深时,使用 context 可以确保路径的正确性,避免相对路径写得过长。

总结

  • context 用于设置 Webpack 解析模块时的基础路径。
  • 如果不设置 context,默认值是 process.cwd(),即当前工作目录。
  • 设置 context 后,所有的模块路径将相对于 context 进行解析。


http://www.ppmy.cn/ops/157418.html

相关文章

RKMPP依赖硬件单元

rkmpp(Rockchip Media Process Platform)主要依赖瑞芯微(Rockchip)芯片中的 VPU(Video Process Unit,视频处理单元) 和 RGA(Raster Graphic Acceleration Unit,2D图形加速…

amis组件crud使用踩坑

crud注意 过滤条件参数同步地址栏 默认 CRUD 会将过滤条件参数同步至浏览器地址栏中,比如搜索条件、当前页数,这也做的目的是刷新页面的时候还能进入之前的分页。 但也会导致地址栏中的参数数据合并到顶层的数据链中,例如:自动…

“可通过HTTP获取远端WWW服务信息”漏洞修复

环境说明:①操作系统:windows server;②nginx:1.27.1。 1.漏洞说明 “可通过HTTP获取远端WWW服务信息”。 修复前,在“响应标头”能看到Server信息,如下图所示: 修复后,“响应标头…

< OS 有关 > Ubuntu 版本升级 实践 24.04 -> 24.10, 安装 .NET

原因: 想安装 .NET 9 去编译 GitHut 项目,这回用不熟悉的 Ubuntu来做,不知道怎么拐去给 Ubuntu 升级,看到现在版本是 24.10 但不是 LTS 版本,记录下升级过程。 一、实践过程: 1. 查看当前版本 命令1: l…

2.6 寒假训练营补题

C Tokitsukaze and Balance String (hard) 题目描述 本题为《Tokitsukaze and Balance String (easy)》的困难版本,两题的唯一区别在于 n n n 的范围。 一个字符串是平衡的,当且仅当字符串中 "01" 连续子串的个数与 "10" 连续子…

2025.1.8(qt图形化界面之消息框)

笔记(后期复习补充) 作业 1> 手动将登录项目实现,不要使用拖拽编程 并且,当点击登录按钮时,后台会判断账号和密码是否相等,如果相等给出登录成功的提示,并且关闭当前界面,发射一…

‌双非硕士的抉择:自学嵌入式硬件开发还是深入Linux C/C++走软开?

今天给大家分享的是一位粉丝的提问,双非硕研一是自学嵌入式走偏硬件还是说深入学习Linuxc/c走软开呢? 接下来把粉丝的具体提问和我的回复分享给大家,希望也能给一些类似情况的小伙伴一些启发和帮助。 粉丝提问: 老师好&#xff…

【DeepSeek论文翻译】DeepSeek-R1: 通过强化学习激励大型语言模型的推理能力

目录 摘要 1. 引言 2. 方法 2.1. 概述 2.2. DeepSeek-R1-Zero:在基础模型上进行强化学习 2.2.1. 强化学习算法 2.2.2. 奖励建模 2.2.3. 训练模板 2.2.4. DeepSeek-R1-Zero 的性能、自我进化过程和顿悟时刻 2.3. DeepSeek-R1:具有冷启动的强化学…