angularjs - angular1 应用上的 es5 到 es6 + webpack

Question

我正在将 Angular1 转换为 es6 并开始使用 webpack。因此，我需要在所有文件中使用“导入/导出模块”。

我需要在我拥有的每个文件 js 上导入模块吗？例如，即使是角度的 $window ？即使在路由器的解析？

我正在为转换而苦苦挣扎。

有没有一种简单的方法可以在大型应用程序上做到这一点？

谢谢！

Answer 1

导入 angular 时会导入 $window、$timeout、$http 之类的内容对于任何其他第三方模块，您需要导入文件但也将其注入应用程序模块

例子 ：

应用程序.js

 import angular from 'angular';
 import 'angular-ui-router';  // A third-party npm module
 import './controllers/users';  // Custom controller
 import config from './config';  // Custom function
 import run from './app.run'; // Custom function
 const app = angular.module('MyApp', [
   'ui.router',
   'MyApp.controllers.users'
 ]);
 app.config(config);
 app.run(run);

控制器/user.js

import angular from 'angular';
import '../services/user';
import './modals/users';

const module = angular.module('MyApp.controllers.users', [
  'MyApp.services.user',
  'MyApp.services.globals',
  'MyApp.modals.user',
]);

const UsersController = ($scope, UserService) => {
  'ngInject';
  $scope.title = 'Users';

  $scope.users = UserService.GetAll();
}
module.exports = module.controller('UsersController', UsersController);