当我运行npm start时，未创建我的主输出文件

Question

I'm building a react app with webpack and when I run npm start, I get a success message with no errors but I don't see the main output file that it's supposed to create isn't made.

I'm using webpack and here is my webpack.config.js file

module.exports = {
  entry: './src/app.jsx',
  output: {
    path: __dirname,
    publicPath: '/',
    filename: 'main.js'
  },
  module: {
    loaders: [{
      exclude: /node_modules/,
      loader: 'babel'
    }]
  },
  resolve: {
    extensions: ['', '.js', '.jsx']
  },
  devServer: {
    historyApiFallback: true,
    contentBase: './'
  }
};

Not sure what else is necessary to provide for help with this issue but I'd be happy to provide it. All of my jsx code is inside an src/ folder in the root directory.

Answer 1

What you are launching with npm start is the webpack-dev-server (as you specified in the comments). This won't create any file on your hard drive. By default, it will open a server on http://localhost:8080/ serving your bundle (everything staying in memory).

If you want to build your bundle (make the main.js file on your hardrive), so that you could distribute it on production, you need to run ./node_modules/.bin/webpack --progress .