javascript - 使用 webpack 的 Angular 2 文档?

标签 javascript angular webpack

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

在谷歌搜索问题后,我发现 cli 现在正在使用 webpack。当我运行 ngserve 时,应用程序在本地正确加载,但我无法理解的是,当 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 必须以某种方式注入(inject)它们,但我找不到任何文档,仅提供有关如何发布/构建此文件的简单说明,以便它可以在非 ngserve 本地的服务器上运行服务器。

我想这可能太简单了,无法提及,但作为一个完全的初学者,它会令人困惑。

最佳答案

基本上,在 webpack 生成所有包之后,插件会检查 index.html (“src”文件夹中的那个)并在其中包含 JavaScript 和 CSS 文件。

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

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

关于javascript - 使用 webpack 的 Angular 2 文档?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42674520/

相关文章:

javascript - 原型(prototype) - addEventListener Click - JavaScript

javascript - 从 firebase 获取数据不起作用

node.js - Webpack 和 TypeScript : Cannot resolve module 'child_process' in node. d.ts

node.js - webpack --progress 错误 : write EINVAL

javascript - 在 View 中输出数组数据并通过Javascript进行控制

javascript - 在工具提示 Highcharts 中显示分组系列的数据

angular - 在我的情况下,如何将服务注入(inject)模块?

angular - NgRx - 从后端获取错误验证并传递给组件

angular - 如何使用 angular2-data-table

asp.net - TypeScript - [后续属性声明必须具有相同类型] - 对相同类型定义的多个引用