MOD

安装

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/[email protected]/umd/react.production.min.js'
        },
        'react-dom': {
            type: 'amd',
            js: 'https://cdn.jsdelivr.net/npm/[email protected]/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'));
})();

使用教程

• 官网地址
• 快速上手
• 背景
• API 定义
• Resolver
  • amd
  • cjs
  • global
  • css-lazy
  • style-lazy
  • wasm
• 开发
• 使用案例
  • 主题切换
  • 按需加载 polyfill