Angular 2 - 导入外部传单打字稿定义

Question

我有同样的问题，就像这个： Angular 2 - import of external leaflet typescript library

但是由于Angular 2现在正在使用Webpack，如何使用angular-cli和webpack配置来包含'leaflet'。

Answer 1

我自己找到了答案：

1-在package.json中确保您已添加@types/geojson，@types/leaflet和leaflet个套餐：

"dependencies": {
......
"@types/geojson": "0.0.31",
"@types/leaflet": "^1.0.40",
"leaflet": "^1.0.2",
.......
}

或者只需按以下方式添加：npm install @types/geojson @types/leaflet leaflet --save

2-在angular-cli.json文件点"styles"并向其添加leaflet.css：

"styles": [
  .....
  "../node_modules/leaflet/dist/leaflet.css"
],

3-确保angular-cli项目中的tsconfig.json引用了@types文件夹：

"typeRoots": [
  "../node_modules/@types"
]

4-现在，{-1}}在angular-cli项目中可用，您可以通过引用leaflet命名空间来使用它：

L