How to Load LESS Stylesheets Dynamically After Page Load?

Dynamic LESS Stylesheet Loading

You wish to utilize LESS.js but necessitate loading specific styles dynamically following the initial page load. Although LESS convention dictates loading all stylesheets before the less.js script, you seek methods to circumvent this requirement.

To facilitate dynamic stylesheet loading, LESS.js version 1.0.31 introduces a solution. The less.refreshStyles() function can re-compile

1. Include the updated LESS.js script (1.0.31 or later).
2. Dynamically create a new
3. Utilize less.sheets.push() to register the new stylesheet with LESS.
4. Invoke less.refreshStyles() to re-compile and incorporate the dynamic stylesheet.

The above is the detailed content of How to Load LESS Stylesheets Dynamically After Page Load?. For more information, please follow other related articles on the PHP Chinese website!