将 Webpack 与 angular.js 集成

Question

我正在尝试将 Angular.js 应用程序迁移到混合应用程序。 代码真的很旧，所以一开始我把所有的控制器都改成了组件，现在我想在使用 ng-upgrade 工具之前为 Angular.js 引入 Webpack。

我已经安装了 webpack，创建了一个配置文件，但我正在浏览一些教程，他们正在使用导出模块。 我们正在更改的应用程序非常大，所以有什么方法可以让我拥有 Webpack 但不将 angular.js 模块导出为 es6 模块？ 我是否需要将所有依赖项更改为导入语句？

Answer 1

是的。 您必须将所有这些转换为 import 语句，尽管它不需要 ES6-Modules（我们选择了 CommonJS 模块）。

当我们将庞大的 AngularJS 应用程序（bower、TypeScript、全局命名空间）迁移到 webpack 时，我们还必须执行将所有内容打包到导出模块并从 bower 迁移到 npm 的步骤。

然而，整个改变没有我们之前担心的那么努力，我们从不后悔我们的决定。 :-)