1

で生成された AngularJS 2 プロジェクトを使用node_modulesせずに含めるにはどうすればよいですか?System.configng

試行回数 (で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ません…</p>

編集:含まれているすべての node_modules も 1 つのバンドルにプッシュされている場合は素晴らしいでしょう (例: 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 readme からGlobal Library Installationも確認してください。

ng build -prodcliを実行すると、リストされたファイルがバンドルされます。

于 2016-12-01T07:59:49.277 に答える