將 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 的步驟。

然而，整個改變沒有我們之前擔心的那么努力，我們從不后悔我們的決定。 :-)