Django CSS not updating

Question

I have this code to refer to my CSS script in my base.html for my Django project:

<link href="{% static 'css/project.css' %}" rel="stylesheet"> 

The problem is that whenever I add or remove styling from project.css, it doesn’t update when I run the server.

I know this happens because every time the page loads the browser cache will think it’s seen the file before and reload the cached version from disk. I also know a solution is to change the CSS filename every time I make an update.

Is there an easier way to reload the CSS file every time I refresh my browser?

Answer 1

You can bypass the cache using ctrl + F5

for detailed reference: https://en.wikipedia.org/wiki/Wikipedia:Bypass_your_cache

Answer 2

You have to click on Ctrl + f5 every time to update your CSS, which isn't dope. You can actually do something like this:

<link rel="stylesheet" href="/static/css/mycss.css?{% now "U" %}"/> 

The {% now "U" %} will generate a random timestamp which updates your CSS every time you reload the page. I hope this works.

For better understanding check out: click here