requirejs-dplugins/css!
This plugin will load and wait for a css file. This can be handy to load the css specific to any AMD module (like a widget) .
This plugin uses <link> tags to load CSS files and those tags are inserted as the first child of the
<head> tag. This guarantees that CSS loaded with this plugin will not overwrite CSS inserted manually using
<link> or <style> tag.
This plugin will return the path of the inserted css file relative to requirejs baseUrl.
Example
To load the css file myproj/comp.css you can use:
require(["requirejs-dplugins/css!myproj/comp.css"], function (){
// Code placed here will wait for myproj/comp.css before running.
});
Or as a widget dependency:
define(["requirejs-dplugins/css!myproj/comp.css"], function (){
// My widget factory
});
Build
During the build, this plugin will collect all the CSS files required and create a layer with all the CSS files concatenated. This layer will be optimized using clean-css if it is installed.