Webpack输出路径设为根目录('/')时，文件系统中输出到何处？

1. Windows下'/'对应的实际路径 #

在Windows系统中，Webpack解析绝对路径/时，默认指向当前启动Webpack命令所在磁盘的根目录——比如你在D:\projects目录下执行构建命令，产物会输出到D:\。但你找不到文件的核心原因，大概率和webpack-dev-server有关。

2. 构建产物找不到的关键原因 #

• 若你运行的是webpack-dev-server（或yarn start这类开发服务命令），Webpack会把构建产物完全放在内存中，不会写入磁盘，自然搜不到任何文件。只有执行生产构建命令（比如webpack --mode production或yarn build）时，才会将文件写入output.path指定的目录。
• 结合yarn workspaces的场景，要确认你是在workspace根目录执行的构建命令。如果在子包目录执行，磁盘根目录会是子包所在磁盘的根，而非workspace根目录。

3. 依赖库是否会影响该行为？ #

一般不会。Webpack对output.path的解析是自身核心逻辑，第三方依赖除非直接修改了Webpack配置（比如webpack-chain、craco这类工具，或自定义插件动态重写output配置），否则不会改变路径解析规则。可以检查项目中是否有这类修改配置的工具或代码。

4. context配置的作用 #

你理解的没错，context主要是设置Webpack解析入口文件和模块时的基础目录，默认是当前工作目录。它不会直接改变output.path的解析——因为output.path是独立的绝对路径，只有当output.path为相对路径时，才会基于context解析，所以这里设置context不会影响/的指向。

5. 验证与调试方法 #

• 执行生产构建命令，然后去当前命令所在磁盘的根目录查找产物（比如C:\或D:\）。
• 在webpack.config.js中添加打印代码，确认最终解析后的output.path：

  const config = {
    // ...其他配置
    output: {
      path: '/',
      filename: 'bundle.js'
    }
  };
  console.log('最终output.path:', config.output.path);
  // Windows下会输出类似'C:\\'的磁盘根路径
  module.exports = config;
  

• 若使用yarn workspaces，务必在workspace根目录执行构建命令，确保路径解析符合预期。

内容的提问来源于stack exchange，提问作者Tim Milstead