Question

我希望有一个集中的Node模块文件夹（使用npm update -g保存到C盘）而不是应用程序中包含的常用本地文件夹，因为Angular2 CLI在本地安装了125mb +的Node模块夹。

因此在我们之前导入角度核心的打字稿文件中，如下所示：

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

但显然这不起作用，是否可以在某处放置前缀或硬URL以告诉应用程序在全局文件夹中搜索模块？

Answer 1

修改SystemJs配置（通常为systemjs.config.js文件），以便将@angular映射到您的集中node_modules\@angular文件夹，而不是本地文件夹。

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

Answer 2

以下是您的systemjs.config文件应该是：

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

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

2 个答案: