2016-11-16 2 views
1

Wenn SystemJS zum Schreiben eines Angular2 app ich einWie ein NodeJS Modul referenzieren w/Webpack

// map tells the System loader where to look for things 
var map = { 
    'app':      'app', // 'dist', 
    '@angular':     'node_modules/@angular', 
    'rxjs':      'node_modules/rxjs' 
}; 

wo Winkel zu sagen, tun kann, Dinge zu finden, wenn ich ein import {} from nennen. In diesem Fall, wenn ich jetzt RxJS verwenden wollte, konnte ich import { Observable } from 'rxjs/Rx'.

Aber was wäre das Äquivalent davon, wenn ich Webpack verwenden würde?

Antwort

0

Webpack macht das automatisch. Es sei denn, Sie verwenden Code-Aufteilung.
Angenommen, Sie haben:
Modul A:
import {fn} "moduleB"

Modul B:
export default fn

Webpack alle Abhängigkeiten des Moduls A enthalten wird (Ihr Eintrag), so dass Sie fn nutzen können .
Nun, wenn Sie Code Splitting verwenden, müssen Sie require.ensure
beispiels verwenden:

require.ensure(["module-a", "module-b"], function(require) { 
    var a = require("module-a"); 
    // ... 
});