2017-02-21 4 views
2

Я генерироваться угловой проект (2), и он был создан следующим index.html:углового кли проект indes.html

<!doctype html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <title>FirstAngular</title> 
    <base href="/"> 

    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="icon" type="image/x-icon" href="favicon.ico"> 
</head> 
<body> 
    <app-root>Loading...</app-root> 
</body> 
</html> 

Как вы можете видеть, нет «сценария» тега, чтобы включить любой JS Bundler. Я знаю, что этот проект использует webpack, но я не вижу ссылки на него в файле index.html.

После запуска проекта все работает нормально. Я буду любить, если кто-нибудь скажет мне, как происходит эта «магия».

Спасибо!

ответ

1

Этот index.html просто действует как шаблон для webpack. Как только вы сделаете ng serve или ng build, фактический index.html будет сгенерирован и сохранен. Если вы посмотрите на исходный код страницы в браузере, вы увидите теги script.

+0

Да, я знаю, что мой вопрос: как это происходит? Где конфигурация для такого поведения и т. Д., Является ли этот трюк чем-то, что делает webpack или угловой CLI? – RiskX

Смежные вопросы