es5 to es6 + веб-пакет в приложении angular1

Question

Я конвертирую Angular1 в es6 и начинаю использовать webpack. Из-за этого мне нужно использовать "модули импорта / экспорта" во всех моих файлах.

Нужно ли импортировать модули для каждого файла, который у меня есть? Даже окно $ угловое, например? Даже на разрешении роутера?

Я борюсь с преобразованием.

Есть ли простой способ сделать это в большом приложении?

Спасибо!

Answer 1

Такие вещи, как $window, $timeout, $http импортируются при импорте angular. Для любых других сторонних модулей вам нужно будет импортировать файл, а также внедрить его в модуль приложения.

Пример:

app.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);