Webpack - no output file generated?

Question

I have the following webpack config:

var path = require('path')
var webpack = require('webpack')


module.exports = {
   entry: {
      main: './scripts/app/main.js'
   },
  output: {
     path: path.resolve(__dirname, './scripts/app/bundle/'),
     publicPath: '/scripts/app/bundle/',
     filename: '[name].js'
  },
  ...

When i run the command npm run dev it shows that main.js has been emitted

When I browse to /scripts/app/bundle/main.js sure enough the file is loaded in the browser

But when i look inthe physical path there is no file - seems like its only in memory

This is what I have in package.json:

"scripts": {
  "dev": "cross-env NODE_ENV=development webpack-dev-server --open --hot",
  "build": "cross-env NODE_ENV=production webpack --progress --hide-modules"
 },

How do I generate a physical file.

Christian Santos · Accepted Answer · 2017-12-10 17:36:19Z

24

webpack-dev-server does not generate files on disk -- only on memory. However you do have some options:

Option 1: Stop the dev server and instead run the command webpack --watch, which will use webpack to build your app and produce output to the disk. The downside is you won't have hot reloading.
Option 2: Append /webpack-dev-server to the URL where you are running the server. So, if your server is running on localhost:3000, you can view files by going to the URL http://localhost:3000/webpack-dev-server. The files will still be served from memory, but you will be able to see them through this URL.
Option 3: See this plugin. It will force webpack-dev-server to write files to disk.

answered Dec 10, 2017 at 17:36

Christian Santos

5,4551 gold badge20 silver badges24 bronze badges

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

2 Comments

ChristianMurschall Over a year ago

Update: there is not a writeToDisk option

WW00WW Over a year ago

@ChristianMurschall there is a writeToDisk option, but was moved into devMiddleware webpack.js.org/configuration/dev-server/#devserverdevmiddleware

WW00WW · Accepted Answer · 2022-05-01 14:22:54Z

0

webpack-dev-server supports writing output to disk, use writeToDisk option under devMiddleware option

References:

answered May 1, 2022 at 14:22

WW00WW

4574 silver badges16 bronze badges

Collectives™ on Stack Overflow

Webpack - no output file generated?

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related