从Angular2应用程序链接到全局节点模块文件夹

Question

I wish to have a centralised Node modules folder (using npm update -g to save to C disk) instead of the usual local folder which is contained in the app, due to Angular2 CLI installing 125mb+ worth of Node modules in the local folder.

So in the typescript files we previously imported the angular core like so:

import { Component } from '@angular/core'; 

But obviously this doesnt work, is it possible to put a prefix or hard URL somewhere to tell the app to search in the global folder for the modules?

Answer 1

Modify SystemJs configuration (usually systemjs.config.js file), so it maps @angular to you centralized node_modules\\@angular folder, instead of local one.

var  map = {
  'app' : 'app',
  '@angular' : 'C:/node_modules/@angular', // path to centralized repo
};

Answer 2

Here is what your systemjs.config file should be :

 (function(global) {

    // map tells the System loader where to look for things    
    var map = {
        'app':                        'src',         
        '@angular':                   'global location'
    };

    // packages tells the System loader how to load when no filename and/or no extension
    var packages = {
        'app':                        { main: 'main.js',  defaultExtension: 'js' },
        'rxjs':                       { defaultExtension: 'js' },

    //can add as per your requirement
    };

    var packageNames = [
        '@angular/common',
        '@angular/compiler',
        '@angular/core',
        '@angular/http',
        '@angular/platform-browser',
        '@angular/platform-browser-dynamic',
        '@angular/router',
        '@angular/router-deprecated',
        '@angular/testing',
        '@angular/upgrade',
    ];

    // add package entries for angular packages in the form '@angular/common': { main: 'index.js', defaultExtension: 'js' }
    packageNames.forEach(function(pkgName) {
        packages[pkgName] = { main: 'index.js', defaultExtension: 'js' };
    });


})(this);