引入

import {
  loader,
  loaderUnity,
  loadJS,
  loadCSS
} from 't-comm';

// 不支持 tree-shaking 的项目
import {
  loader,
  loaderUnity,
  loadJS,
  loadCSS
} from 't-comm/lib/loader/index';

// 只支持 ESM 的项目
import {
  loader,
  loaderUnity,
  loadJS,
  loadCSS
} from 't-comm/es/loader/index';

loader

描述：以 Callback 的方式加载 js 文件

参数：

参数名	类型	描述
src	String	js文件路径
callback	function | Object	加载回调
charset	String	指定js的字符集
context	Object	Callback context

示例

loader('https://example.com/lib.js', (err) => {
  if (err) return console.error(err);
  console.log('loaded');
});

// 传递 setup 回调以修改 script 标签
loader('https://example.com/lib.js', {
  callback: (err) => {},
  setup: (script) => script.setAttribute('data-foo', '1'),
});

• loader
  • ~privateFinish() ⇒ void
  • ~privateError() ⇒ void

loader~privateFinish() ⇒ void

Final handler for error or completion. Note: Will only be called once.

Kind: inner method of loader

loader~privateError() ⇒ void

Error handler

Kind: inner method of loader

loaderUnity

描述：以 Promise 或者 Callback 的方式加载 js 文件，取决于是否传递 Callback

参数：

参数名	类型	描述
url	string	js文件路径
[cb]	function	回调

返回: Promise.<number>

promise

示例

// 1. Promise 方式
await loaderUnity('https://example.com/lib.js');

// 2. Callback 方式
loaderUnity('https://example.com/lib.js', (err) => {
  if (err) return console.error(err);
  console.log('loaded');
});

loadJS(url)

描述：以 Promise 的方式加载 js 文件

参数：

参数名	类型	描述
url	string	js文件路径

返回: Promise.<number>

promise

示例

await loadJS('https://example.com/lib.js');
console.log('loaded');

loadCSS(url)

描述：动态加载CSS

参数：

参数名	类型	描述
url	string	CSS链接

示例

loadCSS('xxx.css')