Quickly add a cachebuster to @import statements

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');

Leave a Reply