angular2 में systemjs.config.js - कोणीय, systemjs

मैं कोणीय 2 के लिए नया हूं और मैं 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"
}
}

});

उदाहरण के लिए ऊपर दिए गए कोड में ऑब्जेक्ट्स जैसे हैं पथ जिसका उपयोग उपनाम को निर्दिष्ट करने के लिए किया जा सकता है, उसी तरह से मैं इसका उपयोग जानना चाहता हूं नक्शा और नक्शे के सभी आंतरिक वस्तुओं, इतने पर।

उत्तर:

खैर, सबसे पहले आप बताएं कि एनपीएम पैकेज कहां स्थित है, आमतौर पर रूट पर, इसलिए:

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

फिर आप उपनामों (शॉर्टकट नाम) को उन पैकेजों को देते हैं, जिनका आप उपयोग कर रहे हैं, इस मामले में कोणीय और कुछ 3 पार्टी लिक्विड जैसे 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: @ कोणीय / कोर / बंडल / core.umd.js"), आपको केवल उस उपनाम को आयात करना होगा जो आपने दिया था ("@ कोणीय / कोर")। उर्फ का आयात करते समय, आप सुनिश्चित हैं कि आप सही पुस्तकालय का आयात कर रहे हैं।

पुस्तकालयों के पूर्ण पथों के सामने "npm:", उस पथ "npm" को संदर्भित करता है जिसे आपने ऊपर शुरू किया था।