Javascript Isn'；在内存中生成bundle.js的Web包开发服务器？_Javascript_Web_Webpack_Frontend_Webpack Dev Server

Javascript Isn'；在内存中生成bundle.js的Web包开发服务器？

javascript web webpack

Javascript Isn'；在内存中生成bundle.js的Web包开发服务器？,javascript,web,webpack,frontend,webpack-dev-server,Javascript,Web,Webpack,Frontend,Webpack Dev Server,我的文件结构如下： 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"&g

我的文件结构如下：

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 dev server时，webpack dev server会正常启动并打印“webpack:bundle现在有效”。但是，当我启动浏览器并转到localhost:8080时，控制台会抱怨找不到bundle.js。实际上，没有名为“build”的文件夹包含bundle.js。但是，webpack dev server不是在内存中生成bundle.js吗？是否涉及任何配置问题？

这将有助于查看您正在运行的命令，但是如果我必须猜测一下，我会说您可能没有设置

--content base，显式声明也很有用。当我添加output.publicPath并将其设置为“builds”时，一切正常。当webpack dev server在内存中生成bundle.js时，它似乎会将该文件放在output.publicPath指定的目录中，并忽略“output.path”设置的目录。因为无论output.path设置为什么，只要output.publicPath保持“builds”，控制台中都不会出现错误，浏览器会呈现“Hello World”
var path = require('path');

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