Skip to content

with-custom-devserver-options

Directory actions

More options

Directory actions

More options

Latest commit

 

History

History
 
 

with-custom-devserver-options

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
public
public
 
 
src
src
 
 
.gitignore
.gitignore
 
 
README.md
README.md
 
 
package.json
package.json
 
 
razzle.config.js
razzle.config.js
 
 

README.md

Razzle Custom Webpack Configuration Example

How to use

Create and start the example: 
npx create-razzle-app --example with-custom-devserver-options with-custom-devserver-options

cd with-custom-devserver-options
yarn start

Idea behind the example

This example demonstrates how to use a razzle.config.js file to modify Razzle's underlying webpack devServer configuration. It modifies the port of the devServer in dev (razzle start).

Note that this file is not transpiled, and so you must write it with vanilla Node.js-compatible JavaScript.

// razzle.config.js
'use strict';

module.exports = {
  modifyWebpackConfig(opts) {
    const config = opts.webpackConfig;
    if (opts.env.target === 'web' && opts.env.dev) {
      config.devServer.port = 3002;
      // If behind a proxy on a public domain
      // config.devServer.public = 'example.com:8080';
    }

    return config;
  },
};