Skip to content

Experimental Features

Razzle has support for some experimental features. Currently razzle has experimental support for:

More features may be added in the future and may become fully supported features.

Razzle 4.0

If you want to be ready for the Razzle 4.0 release you can enable some experimental features to be sure you build will work on 4.0.

// razzle.config.js
module.exports = {
  experimental: {
    newBabel: true,
    newExternals: true,
    newSplitChunks: true,
    newContentHash: true,
    newMainFields: true,
  },
};

Enable react refresh:

// razzle.config.js
module.exports = {
  experimental: {
    reactRefresh: true,
  },
};

Enable the new babel loader:

// razzle.config.js
module.exports = {
  experimental: {
    newBabel: true,
  },
};

Enable the new externals resolution:

// razzle.config.js
module.exports = {
  experimental: {
    newExternals: true,
  },
};

Enable the new splitChunks configuration:

// razzle.config.js
module.exports = {
  experimental: {
    newSplitChunks: true,
  },
};

Enable the new contentHash configuration:

// razzle.config.js
module.exports = {
  experimental: {
    newContentHash: true,
  },
};

Enable the new mainFields configuration:

// razzle.config.js
module.exports = {
  experimental: {
    newMainFields: true,
  },
};