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

Question

I have a file structure as below:

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',
  }
};

When I run webpack-dev-server in the Project directory, webpack-dev-server starts normally and prints "webpack: bundle is now VALID." However, when I launch a browser and go to localhost:8080, the console complains that bundle.js is not found. Indeed, there is no such folder named "build" with bundle.js in it. But, isn't webpack-dev-server generating bundle.js in memory? Any configuration problems involved?

Sean Larkin · Accepted Answer · 2016-12-24 03:54:27Z

2

It would help to see the command you are running, however if I had to take a guess at this one I would say you may not be setting --content-base https://webpack.js.org/configuration/dev-server/#devserver-contentbase

answered Dec 24, 2016 at 3:54

Sean Larkin

6,4401 gold badge31 silver badges43 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

robertklep Over a year ago

And it would also be useful to explicitly declare output.publicPath.

Zhengquan Bai Over a year ago

When I add output.publicPath and set it to "builds", everything works just fine. It seems that when webpack-dev-server is generating bundle.js in memory, it puts that file in the directory specified by output.publicPath and ignores what directory the "output.path" is set to. Because whatever output.path is set to, as long as output.publicPath remains "builds", no error appears in the console and the browser renders "Hello World."

Collectives™ on Stack Overflow

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

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related