Угловое 2 - импорт внешней листовка определения машинопись

Question

Я тот же вопрос, как этот: Angular 2 - import of external leaflet typescript library

Но поскольку Угловое 2 использует Webpack сейчас, как включить «листочек» с помощью углового командной строки и конфигурации WebPack ,

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 Убедитесь, что в вашем tsconfig.json угловом-кли проекта есть ссылка на папку @types:

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

4- Теперь leaflet доступен в угловом-кли проекта, и вы можете использовать его путем ссылки на пространство имен L:

map: L.Map; 
mapOptions: L.MapOptions;