bundle.js file output and webpack-dev-server

Question

I have this output configuration in my webpack.config file:

config = {            ...           output: {               path: path.resolve(__dirname, 'dist'),               filename: 'bundle.js',               publicPath: 'http://localhost:8090/'           }, ... } 

The bundle.js is not written to the path specified in path; it is only available through the web server whereas I would like both.

What should I change to have both the file and the web server ?

Answer 1

[Original]

It appears this is now a built-in option. You can add the following in your webpack config file.

devServer: {   writeToDisk: true } 

Looks like this was added as of webpack-dev-server version 3.1.10

---

[2021-11-09] Webpack 5 The syntax appears to have changed in Webpack 5 (you now pass a config option to the specific middleware that handles the assets):

module.exports = {   devServer: {     devMiddleware: {       writeToDisk: true,     },   }, }; 

Webpack v4 docs: https://v4.webpack.js.org/configuration/dev-server/#devserverwritetodisk- Webpack v5 docs: https://webpack.js.org/configuration/dev-server/#devserverdevmiddleware