Webpack开发服务器如何消耗构建目录中没有文件的捆绑软件？

Question

我注意到，当我运行webpack时，我所有捆绑的文件都在构建目录中，但是当我运行webpack-dev-server时，我没有在构建目录中看到它们，但是所有文件都在运行。

WDS如何做到这一点？ 有我的脚本：

  "scripts": {
    "build": "npx yarn clean && webpack --mode production",
    "buildRemote": "npx yarn clean && webpack --config webpack.config.remote.js",
    "clean": "rm -rf build",
    "watch": "webpack-dev-server --quite --no-info"
  },

谢谢！

Answer 1

这里的区别是每种方法如何处理webpack生成的资产。

运行webpack命令时，所有内容都将通过output.path模块到达声明的fs。换句话说，生成的资产被写入磁盘。

现在，当您运行webpack-dev-server时，webpack-dev-middleware会在后台运行。这是一个用于Webpack生成资产的快速中间件。在后台，它使用memory-fs，顾名思义，这是一个文件系统模块，可以处理保存在内存中的javascript对象中的所有内容。