single-spa使用systemjs

systemjs Github
如果能访问外网

<script src='https://unpkg.com/systemjs@4.1.0/dist/system.js'></script>
<script src='https://unpkg.com/systemjs@4.1.0/dist/extras/amd.js'></script>
<script src='https://unpkg.com/systemjs@4.1.0/dist/extras/named-exports.js'></script>
<script src='https://unpkg.com/systemjs@4.1.0/dist/extras/use-default.js'></script>

安装：

npm install systemjs

我的项目不能访问外网，所以配置webpack作为entry入口文件，最后会随主文件一起自动导入到index.html中

const systemjsBasePath = '../../node_modules/systemjs/dist/';
...
entry: {
    system: systemjsBasePath + 'system.js',
    amd: systemjsBasePath + 'extras/amd.js',
    named_exports: systemjsBasePath + 'extras/named-exports.js',
    use_default: systemjsBasePath + 'extras/use-default.js'
},

使用：

window.SystemJS = window.System;
export async function loadApp(name, hash, appURL) {
  singleSpa.registerApplication(
    name,
    () => SystemJS.import(appURL),
    hashPrefix(hash)
  );
}