AngularJS 2 [ng cli] 中的 node_modules 没有 System.config

Question

我如何将没有System.config 的node_modules 包含在使用ng 生成的AngularJS 2 项目中？

尝试（src/index.html）：

<link rel="stylesheet" href="./node_modules/bootstrap/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="bootstrap/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="dist/css/bootstrap.min.css">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="bootstrap.min.css">

项目设置：

npm install -g angular2-cli
ng init
npm install
npm install --save bootstrap@4.0.0-alpha.5
npm start

注意：[默认情况下] 文件树中既没有 systemjs.config.js 也没有任何对 System.config 的引用......

编辑：如果我所有包含的 node_modules 也都被推送到一个包中会很棒（例如：来自ng build -prod）。

Answer 1

要在您的构建中包含诸如 css 之类的 node_module 资产，您需要将其列在 angular-cli.json 中，如下所示：

{
  "apps": [
    {
      "styles": [
        "../node_modules/bootstrap/dist/css/bootstrap.css"
      ]
    }
  ]
}

还可以从 angular-cli 自述文件中查看 Global Library Installation。

当您运行 ng build -prod 时，cli 将捆绑列出的文件。