react-hot-loader的webpack输出文件会去哪里？

Question

首先，我要说的是我已设置的所有内容都可以正常工作，这只是一个困扰我的问题，我很想得到答案。 我正在使用react-hot-boilerplate项目（ https://github.com/gaearon/react-hot-boilerplate ）。 但是，在webpack.config.js ，此设置使我困惑webpack.config.js ：

output: {
  path: path.join(__dirname, 'dist'),
  filename: 'bundle.js',
  publicPath: '/static/'
},

在此配置中，看起来输出文件应该进入项目根目录下的dist文件夹。 即使我手动创建dist文件夹（我知道我不必这样做），也不会输出任何文件。 但是，一切都很好。 如果我更改了组件中的某些内容，则该应用会加载并会热重新加载。 该输出文件实际上在哪里？

Answer 1

react-hot-boilerplate的所有繁重工作（就热重载文件而言）都是由webpack-dev-server依赖项完成的。

webpack-dev-server依次使用webpack-dev-middleware来处理文件的提供（来自express）。

关于Webpack Dev Server的这些文档应该为您提供有关该机制如何工作的良好概述：

使用此配置webpack-dev-server将在您的构建文件夹中提供静态文件，并监视您的源文件中的更改。 进行更改后，捆绑包将重新编译。 修改后的捆绑包是从publicPath中指定的相对路径的内存中提供的（请参阅API）。 它不会被写入您配置的输出目录。 在同一个url路径中已经存在捆绑软件的情况下，内存中的捆绑软件将优先。

例如，使用上述配置，您的捆绑包将在localhost：8080 / assets / bundle.js上提供

这是webpack-dev-middleware文档中的一个好地方：

webpack-dev-middleware是用于基于连接的中间件堆栈的小型中间件。 它使用webpack在内存中编译资产并提供服务。 当编译运行时，对所提供的Webpack资产的所有请求都会被阻止，直到我们拥有稳定的捆绑包为止。

因此，在开发服务器内部，将文件写入内存文件系统中，然后提供服务。 资产终结点从内存中的位置提供文件，并创建Web套接字连接以下推进一步的更改。