使webpack的路径相对于当前目录

是通过配置webpack的resolve属性中的modules选项来实现的。该选项用于指定webpack在解析模块路径时的搜索目录。

在webpack配置文件中，可以将resolve.modules设置为一个数组，数组中的每个元素都是一个路径字符串，表示webpack在解析模块路径时要搜索的目录。默认情况下，webpack会从当前目录开始向上逐级搜索，直到根目录。

例如，如果我们希望webpack在解析模块路径时只在当前目录下搜索，可以将resolve.modules配置为'.'，表示只搜索当前目录。

webpack配置示例：

module.exports = {
  // ...
  resolve: {
    modules: ['.']
  },
  // ...
};

这样配置后，当我们在webpack中引入模块时，可以使用相对于当前目录的路径，而无需指定完整的相对路径或绝对路径。

例如，假设我们有以下目录结构：

- project
  - src
    - index.js
  - dist
  - webpack.config.js

在index.js中引入一个位于src目录下的模块：

import module from './module';

由于resolve.modules配置为'.'，webpack会从当前目录开始搜索，找到src目录下的module模块。

这样配置的优势是可以简化模块路径的书写，使代码更加清晰和易于维护。同时，它还可以避免了使用相对路径或绝对路径的麻烦。

适用场景：适用于项目结构较为简单的情况，且希望模块路径相对于当前目录。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）、腾讯云对象存储（COS）、腾讯云云数据库MySQL（CDB）、腾讯云云函数（SCF）等。

腾讯云产品介绍链接地址：

• 腾讯云云服务器（CVM）
• 腾讯云对象存储（COS）
• 腾讯云云数据库MySQL（CDB）
• 腾讯云云函数（SCF）