javascript - 使用 Angular 7 在混合应用程序中加载 Angularjs 包

Question

我有一个大型应用程序，我应用了一些更改使其成为混合应用程序。

如果旧的 Angularjs 应用程序包首先按时加载，它将正常工作。 (这是一个 4-5MB 的包)我正在检查网上的样本，其中大多数只是说同样的话。例如:

https://github.com/manfredsteyer/ngUpgrade-lite-sample/blob/master/src/index.html

这会起作用，因为它是一个小应用程序，他只是手动导入所有模块和组件，这在我的应用程序中是不可能的，因为它有超过 200 个组件。

那么在 Angular 混合应用程序中加载 Angularjs 应用程序包的最佳方法是什么？

我将旧应用程序与 Webpack 4 捆绑在一起，还尝试将其导入 main.ts 文件，还尝试了 angular.json< 中的 script/strong> 运气不好，它给了我错误:

Uncaught Error: [$injector:nomod] Module 'app' is not available!

我想这一定是因为在新的 angular 7 引导应用程序之前未加载 angularjs

Answer 1

好的伙计们，我刚刚弄明白了。有两种方法可以做到这一点，首先是创建一个 Javascript 加载器，您可以在此处找到操作方法:

https://davidwalsh.name/javascript-loader

我做的另一个解决方案是制作一个独特的构建过程。这意味着我完全删除了 Angular 7 构建过程并将其复制到我的 Angularjs Webpack 配置中，因此最终结果是一个包，其中包含同一个包中的两个应用程序。

为此，您可以查看这个包，它为您提供了 Webpack 中 Angular 的构建工具:

https://github.com/angular/ngtools-webpack-builds

请记住，您应该在 Webpack 配置文件中通过 raw-laoder 处理 html 和 scss 文件。

如果我发现新的东西，我会更新这篇文章以提供更多信息。