angular cli: ng build --bh on IIS 没有找到样式表答案

【问题标题】：angular cli: ng build --bh on IIS not finding stylesheetsangular cli: ng build --bh on IIS 没有找到样式表
【发布时间】：2016-12-07 19:46:04
【问题描述】：

我在尝试使用 angular-cli 部署 angular 2 应用时遇到了麻烦。

应用程序位于“http://DomainName/AppName”。在 IIS 中，“DomainName”网站下的 Web 应用程序（“AppName”）指向“dist”。

我最接近让它工作的是使用“ng build --bh /AppName/”，或 'nb build --bh .'...

但是，这完全工作，因为即使组件似乎工作，样式表没有加载... f12 显示浏览器在尝试获取时得到 404像这样的事情：

...域名/AppName/include/bootstrap-3.3.7-dist/css/boostrap.min.css

当使用 ng serve 并转到 localhost:4200 时，应用程序渲染得很好。

我正在使用 beta 22...

任何帮助将不胜感激...在此先感谢！

【问题讨论】：

标签： angularjs build angular-cli

【解决方案1】：

您应该在 apps[0].styles 下的 angular-cli.json 中添加您的第 3 方 css，而不是通过从 index.html 链接它们

ng build 会将您的 css 文件捆绑到您的 dist 文件夹中

类似这样的：

"styles": [
  "../node_modules/bootstrap/dist/css/bootstrap.css",
  "styles.css"
],

如果您希望“包含”文件夹成为构建的一部分，请确保它位于 angular-cli.json 的 assets-array 中

"assets": [
        "include",
        "assets",
        "favicon.ico"
      ]

【讨论】：

【解决方案2】：

我尝试了上述修复，但没有奏效。起作用的是在 index.html 文件中添加一个指向我的附加样式表的 href 链接。例如 <link href="/assets/AngularStyle.css" rel="stylesheet">

粗鲁但有效。

【讨论】：