在浏览器中加载没有 systemjs 动态加载器的 angular2 应用程序

Loading angular2 application without systemjs dynamic loader in browser

有没有一种方法可以在浏览器中加载 bootstrap angular2 应用程序而无需 systemjs 动态加载器?我的意思是我想加载所有带有 <script> 标签或 jquery $.loadScript() 的 js 文件,然后在加载所有脚本时想要 bootstrap angular2 应用程序。

我正在开发一个将被注入到另一个应用程序中的应用程序,我必须在浏览器中一次加载我所有的 js,html,css。由于服务器安全,将没有动态加载选项。所以我不能使用 systemjs 动态加载,我必须一次又一次地加载所有 html、css、js 我需要在浏览器中 bootstrap angular2 应用程序。

我浏览了所有其他链接,它们都提供了如何处理 systemjs 动态加载,但我需要其他方式。

angular-cli 选项终于对我有用了。在 beta-10 之后,他们删除了 systemjs 动态加载器并为库(所有依赖项,如 angular、rxjs 等)创建了一个 js 文件,并为所有项目代码创建了一个 js 文件。所以生产构建将只包含 2 个 js 文件 link 在你的 index.html 文件中。没有针对脚本对我的服务器进行动态加载和休息调用。

我已经创建了 2 个生成器来构建应用程序,一个使用 systemjs 动态加载,另一个不使用 systemjs 加载,以防有同样问题的人可以参考。

没有 systemjs (angular-cli):

npm install -g yo
npm install -g generator-angular2-without-systemjs
yo generator-angular2-without-systemjs

使用systemjs动态加载:

npm install -g yo
npm install -g generator-angular2-with-systemjs
yo generator-angular2-with-systemjs

Babel 问题::

Babel 不支持 typescript,要使用 babel,我必须将我所有的 typescript 代码移动到 js,语法也略有不同。我不想离开打字稿