systemjs.config.js в кутовий 2 - кутовий, системний

Я є новим для angular2, і я хочу знати використання всіх об'єктів, присутніх у файлі systemjs.config.js.

System.config({
paths: {
// paths serve as alias
"npm:": "node_modules/"
},
// map tells the System loader where to look for things
map: {
// our app is within the app folder
app: "dist",
main: "main.js",

// angular bundles
"@angular/core": "npm:@angular/core/bundles/core.umd.js",
"@angular/common": "npm:@angular/common/bundles/common.umd.js",
"@angular/compiler": "npm:@angular/compiler/bundles/compiler.umd.js",
"@angular/platform-browser": "npm:@angular/platform-browser/bundles/platform-browser.umd.js",
"@angular/platform-browser-dynamic": "npm:@angular/platform-browser-dynamic/bundles/platform-browser-dynamic.umd.js",
"@angular/http": "npm:@angular/http/bundles/http.umd.js",
"@angular/router": "npm:@angular/router/bundles/router.umd.js",
"@angular/forms": "npm:@angular/forms/bundles/forms.umd.js",

// other libraries
"rxjs": "npm:rxjs",
"angular-in-memory-web-api": "npm:angular-in-memory-web-api/bundles/in-memory-web-api.umd.js",
"primeng":                   "npm:primeng"
},
// packages tells the System loader how to load when no filename and/or no extension
packages: {
app: { main: "main.js", defaultExtension: "js" },
api: { defaultExtension: "js" },
rxjs: {defaultExtension: "js"},
"node_modules/primeng": {
format: "cjs",
defaultExtension: "js"
}
}

});

Наприклад, наведений вище код має такі об'єкти, як шляхи які можуть бути використані для визначення псевдоніма, таким же чином я хочу знати використання карта і всі внутрішні об'єкти карти, і так далі.

Відповіді:

Ну, по-перше, ви скажете, де розташований пакет npm, як правило, в корені, отже:

paths: {
// paths serve as alias
"npm:": "node_modules/"
}

то ви даєте псевдоніми (імена клавіш) у пакунки, які ви будете використовувати, в цьому випадку кутові та деякі сторонні особи, такі як rxjs, ...

map: {
// our app is within the app folder
app: "dist",
main: "main.js",

// angular bundles
"@angular/core": "npm:@angular/core/bundles/core.umd.js",
"@angular/common": "npm:@angular/common/bundles/common.umd.js",
"@angular/compiler": "npm:@angular/compiler/bundles/compiler.umd.js",
"@angular/platform-browser": "npm:@angular/platform-browser/bundles/platform-browser.umd.js",
"@angular/platform-browser-dynamic": "npm:@angular/platform-browser-dynamic/bundles/platform-browser-dynamic.umd.js",
"@angular/http": "npm:@angular/http/bundles/http.umd.js",
"@angular/router": "npm:@angular/router/bundles/router.umd.js",
"@angular/forms": "npm:@angular/forms/bundles/forms.umd.js",

// other libraries
"rxjs": "npm:rxjs",
"angular-in-memory-web-api": "npm:angular-in-memory-web-api/bundles/in-memory-web-api.umd.js",
"primeng":                   "npm:primeng"
}

Тому замість того, щоб вводити весь шлях, коли тиімпортуйте бібліотеку (наприклад, "npm: @ angular / core / bundles / core.umd.js"), вам доведеться імпортувати лише те псевдоніми, які ви надали ("@ angular / core"). Імпортуючи псевдонім, ви впевнені, що імпортуєте потрібну бібліотеку.

"npm:" перед повними шляхами бібліотек відноситься до шляху "npm", який ви ініціювали вище.