TRAFEX TRAFEX Consultancy Consultancy
Quickly add a cachebuster to @import statements

Quickly add a cachebuster to @import statements

August 16, 2014

This CLI one-liner searches for .css files with @import statements and adds a ‘cache busting’ query string to it. You can use it to make sure the browser picks up the new CSS files when they are included with @import statements.

Snippet

find . -iname *.css -exec sed -i -e 's/@import "(.*).css"/@import "\1.css?cb=12345"/g' {} ;

Before

@import url('//fonts.googleapis.com/css?family=Francois+One');
@import url('/css/layout.css');
@import url('/css/color.css');

After

@import url('//fonts.googleapis.com/css?family=Francois+One');
@import url('/css/layout.css?cb=12345');
@import url('/css/color.css?cb=12345');
Go back

Recent articles

Articles

How to make a load testing plan

Load testing gives insight into a web application’s behavior under peak load conditions and realistic load conditions. By load testing your web application you will identify the maximum capacity the web application can handle as well as any bottlenecks and determine which element is causing degradation.

Read More

Articles

Checklist: Prepare your website for Go-Live

When you’re ready to launch your website or web application, you can use this checklist to be fully prepared for the Go-Live and have a smooth transition!

Read More

Articles

The key components of Kubernetes autoscaling

Autoscaling is an important feature of Kubernetes. With this feature, you always have enough resources for the workload, and when a node becomes unhealthy it gets replaced without affecting the workload. But you won’t get it automatically by just deploying your Pods on Kubernetes.

Read More