使用angular2导入库 - webpack

Question

我正在使用angular2-webpack启动器，我想导入一个npm库，例如Babylon js。我这样做

10-04 21:20:19.926 20578-20578/com.google.android.exoplayer2.demo D/[LogService]: video_mp: null

Babylon附带一个var element1 = document.getElementById("element1Id"); var element2 = document.getElementById("element2Id"); element2.style.background = document.defaultView.getComputedStyle(element1).background; 文件，所以我放在文件的开头

import * as BABYLON from 'babylonjs/babylon';

虽然我可以使用该库，但Visual Studio Code会将错误标记为d.ts并且我无法使用自动填充功能。 我是webpack的新手，所以我不知道是否需要设置一些东西。我的配置是启动器附带的配置。

这是导入外部库的正确方法吗？我还需要配置什么才能摆脱该错误并使用自动完成功能？

Answer 1

首先：

npm install babylonjs babel-types
typings install dt~babylon --save --global
typings install dt~babel-types --save --global

然后在你的代码中：

var BABYLON = require('babylon');