Skip to content

Reloads all style sheets in the page associated with a URL

License

Notifications You must be signed in to change notification settings

Experience-Monks/reload-css

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

reload-css

experimental

This module reloads all style sheets associated with a specified url. This is primarily useful for LiveReload servers that wish to update style sheets without triggering a full page refresh.

If you omit the url argument, all style sheets will be cache busted.

Install

npm install reload-css --save

Usage

NPM

reloadCSS([url], [opt])

Cache-busts the URLs for all <link> tags that match the specified url, as well as any other style sheets that @import the URL.

By default, this will only look for local style sheets (i.e. localhost, 127.0.0.1, or matching the document domain). You can pass { local: false } as the options to cache bust all styles.

In some cases, it will walk upwards to a more top-level style sheet (i.e. in a long chain of import dependencies) to ensure a consistent result across browsers. Import statements are updated in the cssRules, and <link> tags are re-attached for a clean update (no flicker/flash).

You can omit url or pass null as the first argument to reload all styles instead of just a target one.

License

MIT, see LICENSE.md for details.

About

Reloads all style sheets in the page associated with a URL

Resources

License

Code of conduct

Stars

Watchers

Forks

Packages

No packages published