Question

我刚开始学习angualar 2，所有教程都使用Systemjs。我使用angular cli创建了一个新项目，并且没有systemjs。

在谷歌搜索问题后，我发现cli现在正在使用webpack。当我运行ng serve时，应用程序在本地正确加载但我无法理解的是当index.html中没有引用javascript文件时它是如何工作的。

这是index.html

<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <title>Project</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>

如果我尝试在另一台服务器上运行它没有任何反应，因为没有javascript文件可以执行任何操作。我猜测webpack必须以某种方式注入它们但是我找不到任何文档只是提供了如何发布/构建它的简单指令，因此它可以运行不是ng serve本地服务器的服务器。

我想这可能太简单了，但作为一个完整的初学者，它会令人困惑。

Answer 1

基本上，在webpack生成所有捆绑包后，插件会检查select distinct v1.guid from vComputer v1 inner join Inv_AddRemoveProgram t1 on v1.Guid = t1._ResourceGuid where t1.DisplayName like 'Cisco WebEx Meeting Center%' and CAST(t1.DisplayVersion AS INT) >= '30.6.4.10006' and t1.installflag = '1' and v1.IsManaged = '1'（“src”文件夹中的那个），并在其中包含JavaScript和CSS文件。

负责这样做的插件是“html-webpack-plugin”：https://github.com/jantimon/html-webpack-plugin

您还可以在此处找到有关webpack和angular的更多信息：https://angular.io/docs/ts/latest/guide/webpack.html

使用webpack的Angular 2文档？

1 个答案: