How to set path to index.html in webpack?

Question

webpack

How to set path to index.html in webpack? If you transfer it from the root, then npm run dev opens a list of directories in the browser. How to make it open index.html even if it's not in the root?

Answer 1

It all depends on what directories you want to work with.
You can set the devServer.contentBase parameter to the directory you need:

devServer: {
  contentBase: path.join(__dirname, 'build', 'myFolder'),
}

But then static paths will be resolved relative to this folder. If you are going to work with the root directory, then you should not do this.
webpack-dev-server uses express and you can use the devServer.before hook to access the app and add an endpoint for the root path:

devServer: {
  before: (app, server) => {
    app.get('/', (req, res) => {
      res.sendFile(path.resolve(__dirname, './build/myFolder/index.html'));
    });
  },
},