ES5 到 ES6 + Angular1 应用程序上的 webpack

Question

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

我需要在我拥有的每个文件 js 上导入模块吗？甚至以角度$window为例？即使是路由器的分辨率？

我正在努力转换。

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

谢谢！

Answer 1

导入

角度时会导入$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);

控制器/用户.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);