0.1.0 • Published 8 years ago
loader-css v0.1.0
loader-css
异步加载CSS。
基于loader-core
。
浏览器使用方法
将dist目录下的loader.js或loader.min.js嵌入页面后,
可以页面中使用window.Loader
Loader.load('https://s0.meituan.net/bs/cssm/?f=fewww:/www/css/common.css,/www/css/base.css').then(function () {
// styles are ready now
})
自定义
loader-css
只定义了loader-core
的loader
,
所以默认情况下,多次
将多个CSS合并下载:
function bsResolver(requests) {
var prefix = 'https://s0.meituan.net/bs/css/?f=fewww:'
var sources = {
common: '/www/css/common.css',
base: '/www/css/base.css',
}
return prefix + [].concat(requests).map(function (request) {
return sources[request]
}).join(',')
}
var loader = Loader.create('css', { resolve: bsResolver })
loader.load('common').then(function () {
// common and base are both ready now
})
loader.load('base').then(function () {
// common and base are both ready now
})
TODO
Promise
的polyfill
0.1.0
8 years ago