• 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

Cache Busting

Whenever you build the application, each file will include a unique hash like bundle.main.11e83aeeb2a9a9714d66.js. These hashes serve as a cache busting mechanism to prevent browsers from serving outdated files to users.

Relevant Section

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

output: {
  filename: ifProduction(
    'bundle.[name].[chunkhash].js',
    'bundle.[name].js'
  ),
},
plugins: removeEmpty([
  new ExtractTextPlugin(ifProduction(
    'styles.[name].[chunkhash].css',
    'styles.[name].css'
  )),
]),