Angular2 部署 - 如何在 index.html 中自动修改对 styles.bundle.css 的引用

Question

在我的Angular2应用程序Index.html文件中，我有以下行。

<link rel="stylesheet" href="styles.css">

当我部署到服务器时，我正在使用"ng build"命令。这将生成一组文件并将我的"styles.css"文件转换为"styles.bundle.css"。

但它无法更改索引.html文件中的引用。在服务器上部署它后，我打开 index.html 文件并像这样更改它。

<link rel="stylesheet" href="styles.bundle.css">

我的问题是，

1. 是否有一种自动化技术，其中"ng build"命令可以修复对新样式文件名的所有引用？

2. 有没有办法告诉"ng build"命令不要捆绑我的样式？

Answer 1

如果您使用 Angular CLI 生成了项目，则您的 src/index.html 不应具有<link rel="stylesheet" href="styles.bundle.css">

ng build 命令获取您在节样式的 angular-cli.json 中指定的 css 文件，并自动创建文件中<link rel="stylesheet" href="styles.bundle.css"> dist/index.html 的标记。您不需要手动更改它。