Level 7
If its typical browser cache issue simply open you css file in new browser tab and hit f5.
1 like
Jan 2, 2017
4
Level 3
Webpack/Elixir not updating CSS?
I've encountered a rather interesting situation. I am using web pack, elixir for a project and am having trouble getting my CSS to update. More specifically, I find that the browser for some reason appears to be disregarding (or not noticing) the changes:
But, clicking on the app.css:383 in the browser gives me this:
The property of interest here is margin-left. Any ideas on why this may be happening? Is there some sort of caching process that web pack may be calling that is causing this?
Level 3
Totally didn't know you could do that. I just thought the cache would update automatically...
Level 7
You can use something like this to avoid hitting f5 on local machine:
<link href="/css/app.css{{(config('app.env')=='local')?'?'.filemtime(public_path().'/css/app.css'):''}}" rel="stylesheet">
Or https://laravel.com/docs/5.3/elixir#versioning-and-cache-busting
1 like
Level 1
Use Chrome and open up the Developer Tools extension (CTRL-SHIFT-I) and click the settings option. Under Network you should see an option to disable cache while dev tools is open. Enable the option and reload the page.
Now you can develop cache free with no additional code changes/commands.
Please or to participate in this conversation.