es5 zu es6 + webpack auf angular1 app

Question

Ich konvertiere Angular1 zu es6 und benutze webpack. Aus diesem Grund muss ich "Import/Export-Module" in allen meinen Dateien verwenden.

Muss ich Module in jede Datei importieren, die ich habe? Selbst das $ window of eckle zum Beispiel? Selbst bei der Auflösung eines Routers?

Ich habe Probleme mit der Konvertierung.

Gibt es einen einfachen Weg, es auf einer großen App zu tun?

Danke!

Answer 1

Dinge wie $ Fenster $ Timeout werden $ http importiert, wenn Sie Für alle anderen Module von Drittanbietern Winkel importieren müssen Sie die Datei importieren, aber es auch in den App-Modul

Beispiel injizieren:

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

Controller/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);