/micro-mod

Primary LanguageTypeScriptMIT LicenseMIT

MOD

npm version GitHub license GitHub tag Publish workflow Join the chat at https://gitter.im/ucloud-fe-mod/community

安装

npm install @ucloud-fe/mod

引用

import mod from '@ucloud-fe/mod';
// 导入 amd 支持
import amdResolver from '@ucloud-fe/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'));
})();

使用教程