CODEWITHSUNDEEP
javascriptreactjsvisual-studiobrowser
lechit12
lechit12

Reputation: 21

How to refresh browser cache after publish React application?

I have Visual Studio 2019 template .NET Core and React application. When I make some changes and run application locally, everthing is OK and I see these changes in browser. When I publish this application on external server, browser shows me old, cached version of this site. I must force browser to clear cache and reload. It refers to .js and .css files. How can I fix it?

Upvotes: 2

Views: 2731

Answers (1)

Andrey Balabanov
Andrey Balabanov

Reputation: 89

If you use webpack for build your react app you can configure webpack config.
Just add some hash to final bandle js name:

output: {
  filename: '[name].[contenthash].js',
  path: path.resolve(__dirname, 'dist'),
}

it should solve browser cache problem.
more information in official documentation: webpack documentation

Upvotes: 2

Related Questions