插件: System-loader
这是 Web Widget 的 system
格式插件。
安装
npm install --save systemjs
npm install --save @web-widget/container
npm install --save @web-widget/system-loader
使用
<web-widget type="system" src="app.widget.js"></web-widget>
import 'systemjs/s.js';
import '@web-widget/container';
import '@web-widget/system-loader';
导入映射
在 <head>
中部署导入映射配置。
<script type="systemjs-importmap">
{
"imports": {
"@org/app": "https://cdn.jsdelivr.net/npm/@org/app/dist/system/main.js",
"hello": "/system/hello.js"
}
}
</script>
使用裸模块加载应用
Web Widget 应用自身也可以和“裸模块”一样,都通过导入映射来管理它,你只需要使用 import 属性代替 src 属性来加载应用。
<web-widget import="@org/app"></web-widget>
Web Widget 容器的 import 与 src 属性的不同:import 属性不会自动补全路径,加载器会优先读取它的原始值去加载模块。