角度 cli 项目 index.html答案

【问题标题】：angular cli project indes.html角度 cli 项目 index.html
【发布时间】：2017-02-21 20:47:42
【问题描述】：

我已经生成了 angular(2) 项目，它生成了以下 index.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 捆绑器。我知道这个项目使用 webpack，但我在 index.html 文件中没有看到对它的任何引用。

运行项目后一切正常。如果有人能告诉我这种“魔法”是如何发生的，我会很高兴的。

谢谢！

【问题讨论】：

标签： angularjs webpack

【解决方案1】：

这个 index.html 只是作为 webpack 的模板。一旦您执行ng serve 或ng build，实际的 index.html 将被生成并保存。如果你在浏览器中查看页面源代码，你会看到script标签在那里。

【讨论】：

是的，我知道，我的问题是这是怎么回事？这些行为的配置在哪里等等，这个技巧是 webpack 正在做的事情还是 angular CLI？