• Introduction
• Development
• Changing the Port
• Configuring SSL
• Configuring Basename
• Building
• Development
• Production
• Analyzing
• Stats
• Features
• Cache Busting
• Chunking
• CSS Preprocessors
• Favicon
• Fonts
• Images
• Source Maps
• Misc
• Verify Production Build Locally

Changing the Port

Webpack is configured to start the development server on port 3000 by default. That's what happens when you start the application using this command:

npm start

If you want to change the port for the development server, you can provide a different port using this command:

npm start -- --env.port=3001

The command above would cause the development server to be served on port 3001 instead.

Relevant Section

This section of the Webpack config that controls this behavior is shown below:

devServer: {
  port: env.port || 3000,
}