css - 如何使用 Angular CLI 添加应用程序范围的 CSS 文件？

Question

我想为我的 Angular 2 应用程序添加一些分片样式，例如将在任何地方使用的字体和配色方案。过去，我总是通过在我的索引页中添加这样的标签来完成此操作:

<link rel="stylesheet" href="css/framework.css" />

这不适用于 CLI 用于为应用程序提供服务的任何内容。我尝试在构建后手动将 css 文件添加到 dist 文件夹，但这似乎也不起作用。

我也试过像这样在 anugular-cli-build.js 文件夹中添加 css

module.exports = function(defaults) {
  return new Angular2App(defaults, {
    vendorNpmFiles: [
      'css/*.css'
    ]
  });
};

当我告诉它构建时，它似乎仍然没有构建 css 文件夹中的文件。

有问题的样式表是整个应用程序的基线样式，而不是我想要包含在 styleUrl 标记中的东西。

Answer 1

在最新的 ng cli 中，只需在“.angular-cli.json”中添加所需的样式和脚本，就会自动将其暴露在 bundle 中

"apps":{
 "styles": [
        "../node_modules/ng2f-bootstrap/dist/bootstrap.min.css",
        "styles.css"
      ],
  "scripts": [
        "../node_modules/jquery/dist/jquery.min.js",
        "../node_modules/bootstrap/dist/js/bootstrap.js"
      ],
}