Angularjs 如何使用angular CLI向angular 2添加d3或任何模块？

嗨，我是新来的。我正在尝试使用angular cli将d3库注入angular 2。我使用npm安装d3安装了d3。我跟踪了链接

我跟着台阶走

`我的angular-cli-build.js

var Angular2App=require（'angular-cli/lib/brocoli/angular2 app'）

my index.html

 System.config({
    map:{
      "d3Lib":"vendor/d3"
    },
    packages:{
      'd3Lib':{
        defaultExtension:'js',
        map:{
          './d3':'./d3.js'
        }
      }
    }
  });

我把它包括在我的组件中

当我试图运行ng服务器时，它抛出d3。找不到模块。如果有人能帮助我的system.config，那就太好了

System.config({
    map:{
      '@angular2-material':'vendor/@angular2-material'
    },
    packages:{
      '@angular2-material':{
        map:{
          './button':'./button/button.js',
          './card':'./card/card.js',
          './checkbox':'./checkbox/checkbox.js',
          './input':'./input/input.js',
          './progress-circle':'./progress-circle/progress-circle.js',
          './sidenav':'./sidenav/sidenav.js',
          './toolbar':'./toolbar/toolbar.js'
        }
      }
    }
  });

  System.config({
    map:{
      "d3Lib":"vendor/d3"
    },
    packages:{
      'd3Lib':{
        defaultExtension:'js',
        map:{
          './d3':'./d3.js'
        }
      }
    }
  });
  System.import('system-config.js').then(function () {
    System.import('main');
  }).catch(console.error.bind(console));

My system.config

System.config({
    map:{
      '@angular2-material':'vendor/@angular2-material'
    },
    packages:{
      '@angular2-material':{
        map:{
          './button':'./button/button.js',
          './card':'./card/card.js',
          './checkbox':'./checkbox/checkbox.js',
          './input':'./input/input.js',
          './progress-circle':'./progress-circle/progress-circle.js',
          './sidenav':'./sidenav/sidenav.js',
          './toolbar':'./toolbar/toolbar.js'
        }
      }
    }
  });

  System.config({
    map:{
      "d3Lib":"vendor/d3"
    },
    packages:{
      'd3Lib':{
        defaultExtension:'js',
        map:{
          './d3':'./d3.js'
        }
      }
    }
  });
  System.import('system-config.js').then(function () {
    System.import('main');
  }).catch(console.error.bind(console));

---

添加在angular cli中适用于我的第三方库的步骤

从键入中下载d3键入，并将其粘贴到主文件夹和浏览器文件夹中

在相应的index.ts文件中添加引用

在system.config（我的system.config文件）中添加映射

---

按照同样的步骤对lodash油井进行操作。感谢您为我添加在angular cli中适用的第三方库

从键入中下载d3键入，并将其粘贴到主文件夹和浏览器文件夹中

在相应的index.ts文件中添加引用

在system.config（我的system.config文件）中添加映射

---

按照同样的步骤对lodash油井进行操作。感谢以下是如何使用

angular cli将
d3
正确添加到项目中的方法：

npm install d3 --save

angular cli build.js

module.exports = function(defaults) {
  return new Angular2App(defaults, {
    vendorNpmFiles: [
      ...,
      'd3/build/*.js'
    ]
  });
};

map['d3'] = 'vendor/d3/build';

packages['d3'] = {
  main: 'd3',
  format: 'global' 
};

import * as d3 from 'd3';

系统配置.js

module.exports = function(defaults) {
  return new Angular2App(defaults, {
    vendorNpmFiles: [
      ...,
      'd3/build/*.js'
    ]
  });
};

map['d3'] = 'vendor/d3/build';

packages['d3'] = {
  main: 'd3',
  format: 'global' 
};

import * as d3 from 'd3';

应用程序组件.ts

module.exports = function(defaults) {
  return new Angular2App(defaults, {
    vendorNpmFiles: [
      ...,
      'd3/build/*.js'
    ]
  });
};

map['d3'] = 'vendor/d3/build';

packages['d3'] = {
  main: 'd3',
  format: 'global' 
};

import * as d3 from 'd3';

请参见
上的几个完整工作导入。以下是如何使用
angular cli将
d3
正确添加到项目中：

npm install d3 --save

angular cli build.js

module.exports = function(defaults) {
  return new Angular2App(defaults, {
    vendorNpmFiles: [
      ...,
      'd3/build/*.js'
    ]
  });
};

map['d3'] = 'vendor/d3/build';

packages['d3'] = {
  main: 'd3',
  format: 'global' 
};

import * as d3 from 'd3';

系统配置.js

module.exports = function(defaults) {
  return new Angular2App(defaults, {
    vendorNpmFiles: [
      ...,
      'd3/build/*.js'
    ]
  });
};

map['d3'] = 'vendor/d3/build';

packages['d3'] = {
  main: 'd3',
  format: 'global' 
};

import * as d3 from 'd3';

应用程序组件.ts

module.exports = function(defaults) {
  return new Angular2App(defaults, {
    vendorNpmFiles: [
      ...,
      'd3/build/*.js'
    ]
  });
};

map['d3'] = 'vendor/d3/build';

packages['d3'] = {
  main: 'd3',
  format: 'global' 
};

import * as d3 from 'd3';

查看
上的几个完整工作导入从未尝试过使用
angular2
，但我将我的
d3js
安装到我的
ionic2
项目中，如下所示：

npm install @types/d3 --save

然后，您可以立即在组件中使用它：

import * as d3 from 'd3';

从未使用
angular2
尝试过，但我将我的
d3js
安装到我的
ionic2
项目中，如下所示：

npm install @types/d3 --save

然后，您可以立即在组件中使用它：

import * as d3 from 'd3';

您可以共享系统配置文件吗？您可以共享系统配置文件吗？