MOD
安装
npm install @rapiop/mod引用
import mod from '@rapiop/mod';
// 导入 amd 支持
import amdResolver from '@rapiop/mod/lib/resolver/amd';
// 注册模块类型解析器
mod.registerModuleResolver(amdResolver);使用
// 添加模块配置
mod.config({
modules: {
react: {
type: 'amd',
js: 'https://cdn.jsdelivr.net/npm/react@16.13.1/umd/react.production.min.js'
},
'react-dom': {
type: 'amd',
js: 'https://cdn.jsdelivr.net/npm/react-dom@16.13.1/umd/react-dom.production.min.js',
dep: 'react'
}
}
});
(async () => {
// 加载模块
const [React, ReactDOM] = await mod.import(['react', 'react-dom']);
// 使用模块
ReactDOM.render(React.createElement('button', {}, 'test'), document.getElementById('app'));
})();