SDK Loader
npm install @inventorjs/sdk-loader兼容性:不兼容 IE,Edge 以上没问题
副作用:systemjs 会在全局注入 System 全局变量,用于模块管理
注意:js 模块需要打包成 system 格式,webpack配置 rollup配置,推荐使用 rollup
import { loadSdk } from './sdk-loader'
import ReactDOM from 'react-dom' loadSdk({
sdkConfigs: {
testSdk: {
manifest: {
entry: 'http://localhost:3000/dist/index.js',
chunks: ['http://localhost:3000/dist/react-7138bc01.js'],
css: ['http://localhost:3000/dist/style.css'],
},
version: 'v1',
},
},
options: {
timeout: 15000,
chunksPreload: true, // 默认为 false,是否预加载 chunks,webpack 构建的 chunks 请传 true
cssEffect: true, // 默认为 false,加载完 css 是否在页面生效,优先使用 adoptedStyleSheets,若不支持,降级为 link
documentRoot: document, // 默认为 document, css 生效的文档对象,可传 shadowDom Root
}
}).then(({ testSdk: { entry, chunks, css } }) => {
console.log(entry, chunks, css)
})
``