1

我如何在node_modules不System.config使用 AngularJS 2 的情况下包含使用 生成的项目ng？

尝试（在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也没有任何引用......</p>System.config

编辑：如果我所有包含的 node_modules 也被推送到一个包中（例如： from ng build -prod），那就太好了。

4

1 回答 1

1

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

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

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

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

于 2016-12-01T07:59:49.277 回答