webpack dev server 不是在内存中生成 bundle.js 吗？

Question

我的文件结构如下：

Project
 |
 +-- src/
 |   |
 |   +-- index.js
 |
 +-- index.html
 |
 +-- webpack.config.js

src/index.js:

document.write("Hello World.");

index.html:

 <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>webpack learning</title>

    <script src="builds/bundle.js"></script>
</head>
<body>

</body>
</html>

webpack.config.js:

var path = require('path');

module.exports = {
  entry: './src',
  output: {
    path: path.join(__dirname, 'builds'),
    filename: 'bundle.js',
  }
};

当我运行项目目录下的 webpack-dev-server 时，webpack-dev-server 正常启动并打印 "webpack: bundle is now VALID." 但是，当我启动浏览器并转到 localhost:8080，控制台抱怨找不到 bundle.js。事实上，没有这样的名为 "build" 和 bundle.js 的文件夹。但是，webpack-dev-server 不是在内存中生成 bundle.js 吗？涉及任何配置问题？

Answer 1

看到你的命令会有所帮助运行，但是如果我不得不猜测这个命令，我会说你可能没有设置 --content-base https://webpack.js.org/configuration/dev-server/#devserver-contentbase

webpack dev server 不是在内存中生成 bundle.js 吗？

Isn't webpack dev server generating bundle.js in memory?

javascript

frontend

web

webpack

webpack-dev-server