Angular2部署 - 如何在index.html

时间:2017-01-12 21:42:20

标签: css angular deployment styles

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

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

当我部署到服务器时,我正在使用&#34; ng build&#34;命令。这会生成一组文件并转换我的&#34; styles.css&#34;归档到&#34; styles.bundle.css&#34;。

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

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

我的问题是,

  1. 是否存在自动化技术,其中&#34; ng build&#34;命令可以修复对新样式文件名的所有引用吗?

  2. 有没有办法告诉&#34; ng build&#34;命令不捆绑我的样式?

1 个答案:

答案 0 :(得分:0)

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

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