load-lib
JS/CSS/Assets/Library Loader use:
- scriptjs — is an asynchronous JavaScript loader.
- loadCSS — A function for loading CSS asynchronously
Install
npm install --save x-loaderUsage
import xLoader from 'x-loader';
xLoader.css([
'https://cdn.jsdelivr.net/npm/element-ui@2.4.8/lib/theme-chalk/index.css'
], () => {
console.log('css loaded');
});
xLoader.js([
'https://cdn.jsdelivr.net/npm/element-ui@2.4.8/lib/index.js'
], () => {
console.log('js loaded');
});
xLoader.assets([
'https://cdn.jsdelivr.net/npm/element-ui@2.4.8/lib/theme-chalk/index.css',
'https://cdn.jsdelivr.net/npm/element-ui@2.4.8/lib/index.js'
], () => {
console.log('assets loaded');
});
xLoader.lib('ELEMENT', [
'https://cdn.jsdelivr.net/npm/element-ui@2.4.8/lib/theme-chalk/index.css',
'https://cdn.jsdelivr.net/npm/element-ui@2.4.8/lib/index.js'
], (ELEMENT) => {
console.log(ELEMENT);
});Note: support Promise format
Options
xLoader.js(srcs, callback);srcs - javascript src array
callback - loaded callback
xLoader.css(hrefs, callback);hrefs - css href array
callback - loaded callback
xLoader.assets(assets, callback);assets - javascript src & css href array
callback - loaded callback
xLoader.lib(name, assets, callback);name - library name
assets - library assets
callback - callback with library
License
MIT.