问用aurelia-cli手动引导aurelia应用程序
EN

Stack Overflow用户

提问于 2017-02-20 09:12:03

回答 1查看 450关注 0票数 1

我想将我的Aurelia应用程序嵌入到我的Spring的资源文件夹中，并手动引导/增强页面。Aurelia包是用aurelia生成的。在文档中，http://aurelia.io/hub.html#/doc/article/aurelia/framework/latest/app-configuration-and-startup/4是JSPM和webpack骨骼的例子。如何使用aurelia实现手动引导/渐进增强？

我的main.js应该是什么样的？我应该在哪里包括我的app-bundle.js和供应商-bundle.js？

编辑：I通过包含以下内容实现了一个工作示例：

<div aurelia-app="main">
 <script data-main="aurelia-bootstrapper" src="path-to-resources/vendor-bundle.js" type="text/javascript"></script>
 <script src="path-to-resources/app-bundle.js" type="text/javascript"></script>
</div>

但是，是否可以将脚本包括在<head>中，并增强<div aurelia-app="main"> on DOMContentLoaded事件？

bootstrapping

aurelia

回答 1

Stack Overflow用户

发布于 2017-02-20 14:11:29

我手动引导了这样一个aurelia应用程序。在这里，我通过第一个脚本标记使用了一个多填充服务。此脚本运行并下载浏览器缺少的多边形填充。之后，它调用一个回调函数。这个回调函数添加了aurelia供应商包脚本。

<body aurelia-app="main" class="sharry not-selectable no-tap-highlight-color">
<div class="app-loding-container">
    <img src="/img/logo/sharry_tv_b.png" alt="sharry logo">
</div>
<script src="https://polyfill.io/v2/polyfill.min.js?features=HTMLPictureElement,Intl&callback=polyfillsAreLoaded" defer async></script>
<script>
    function polyfillsAreLoaded() {
        var aureliaScript = document.createElement('script');
        aureliaScript.setAttribute('src', '/scripts/vendor-bundle.js');
        aureliaScript.setAttribute('data-main', 'aurelia-bootstrapper');
        document.body.appendChild(aureliaScript);
    }
</script>

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/42340435

复制

相似问题

问用aurelia-cli手动引导aurelia应用程序
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问用aurelia-cli手动引导aurelia应用程序EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问用aurelia-cli手动引导aurelia应用程序
EN