2016-12-01 1 views
1

Wie füge ich node_modules ohne System.config mit AngularJS 2 Projekte mit ng erzeugt?node_modules in AngularJS 2 [ng cli] ohne system.config

Versuche (in 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"> 

Projekt-Setup:

npm install -g angular2-cli 
ng init 
npm install 
npm install --save [email protected] 
npm start 

Hinweis: [standardmäßig] gibt es weder systemjs.config.js noch jede Bezugnahme auf System.config in der Datei Baum mehr ...

EDIT: Wäre super, wenn alle meine inkludierten node_module auch in das eine Bundle geschoben werden (zB: von ng build -prod).

+1

Von ihrer [README auf GitHub] (https://github.com/angular/angular-cli): "Wir haben das Build-System zwischen Beta.10 und Beta.14, von SystemJS zu Webpack geändert" - es sieht so aus Diese Frage muss neu geschrieben werden. – artem

+0

Fertig. Umgetaggt, einschließlich [tag: systemjs] immer noch, weil es relevant ist. –

Antwort

1

Um node_module Vermögenswerte wie CSS mit Ihrer Build enthalten, müssen Sie es in angular-cli.json wie diese aufzulisten:

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

Auch Global Library Installation aus dem Winkel-cli readme Kasse.

Wenn Sie ng build -prod ausführen, bündelt der CLI die aufgelisteten Dateien.

+0

+1 & akzeptiert: perfekt, das hat funktioniert. BTW: Ich habe heute früher etwas Ähnliches versucht, aber ich glaube, ich habe nur 'node_modules/bootstrap/dist/css/bootstrap.css' getestet. –

+1

Cool, froh, dass es funktioniert hat! – adriancarriger

Verwandte Themen