Wie fügt man Underscore.js in angular2-Projekt ein, das mit angle-cli erstellt wurde

8

Ich möchte underscore.js in angular2-Projekt einfügen, das mit angle-cli erstellt wurde. Bis jetzt bin ich dazu nicht in der Lage. Ich habe es bisher versucht:

1- npm Unterstrich installieren --save

2- tsd Unterstreichung installieren

3- Skript src="Knotenmodule / Unterstrich / Unterstrich.js", Referenz in index.html

4- innerhalb von system-config.js

%Vor%

5- Import * als _ von 'Unterstrich';

Aber underscore.js wird während der Laufzeit nicht in das Verzeichnis 'dist' kopiert, und der Browser klagen darüber, keine Unterstriche.js zu finden. Ich denke, ich verpasse etwas an Punkt # 4. Jede Hilfe wird sehr geschätzt, wenn ich anfange, eckle2 zu lernen. Bitte bedenken Sie, dass dieses Projekt von angle-cli erstellt wurde und nicht von einem anderen Seed-Projekt. Anders als Underscore.js funktioniert das Projekt gut.

[BEARBEITEN] package.json hat "Unterstrich": "^ 1.8.3" in Abhängigkeiten

    
raju 04.06.2016, 12:16
quelle

7 Antworten

4

Unter Verwendung von Angular CLI 1.0.0-rc.1 wird die empfohlene Lösung hier beschrieben:

Angular2 2.4 Wie Laden Sie externe Bibliotheken sush als Underscore in angular2.

%Vor%

Dann in Ihrer Komponentenklasse:

%Vor%

Alternativ gibt es eine andere Möglichkeit, "statische" Skripte in angular-cli zu laden, wie hier beschrieben Ссылка :

Fügen Sie es in .angular-cli.json dem scripts-Array hinzu:

%Vor%

Dadurch wird die Datei underscore.js geladen, aber dies ist keine gute Möglichkeit, sie für die Verwendung in Ihren Typoskriptklassen verfügbar zu machen.

    
Leonya 17.03.2017 17:31
quelle
3

Unterstrich mit npm installieren Gehen Sie zu yourappname / src / typings.d.ts und fügen Sie diese Zeile hinzu %Code% dann führe ng build

aus     
Adam Winnipass 13.12.2016 13:00
quelle
2

Angular 2 volle 3 Dateischnipsel

package.json

%Vor%

systemjs.config.js

%Vor%

tsconfig.json

%Vor%

typings.json

%Vor%

1- npm Unterstrich installieren --save 2- tsd Unterstrich installieren (wenn tsd nicht installiert wird, installiere das zuerst) 3) jetzt npm installieren 4) dann npm starten

    
Hetal Sagar 18.09.2016 17:11
quelle
1

Unterstrich installieren:

%Vor%

in angular-cli.json:

%Vor%

nach dem Laufbefehl:

%Vor%

in der Komponente:

%Vor%     
Emir Mamashov 18.05.2017 13:58
quelle
0

Haben Sie in Ihrem Projekt eine Datei namens Package.json? Wenn ja, können Sie versuchen, diese Zeile hinzuzufügen

%Vor%

in den Abhängigkeiten dieser Datei.

Änderungen in system-config.ts

%Vor%

Und danach eine npm-Installation machen.

    
Naella 04.06.2016 12:45
quelle
0

Ich denke, Sie haben vielleicht einen Schritt verpasst? Haben Sie daran gedacht, Unterstriche in der Datei "angular-cli-build.js" einzurichten? Dieser Schritt weist clingon an, einen Unterstrich in den Lieferantenordner (/ dist / vendor) zu setzen.

Hier habe ich unterstrichen, wie ich arbeite.

  1. Unterstrich und Typ einfügen:

    %Vor%
  2. Unterstrich in "angular-cli-build.js" einrichten:

    %Vor%
  3. Dann wird die Unterstreichung in den Herstellerordner kompiliert (/ dist / vendor), und jetzt ist es möglich, in der Datei system.config.ts auf diesen Speicherort zu zeigen:

    %Vor%

Denken Sie daran, den Lochpfad mit den .js zu verwenden. Ich hoffe, dies hilft:)

Ich tat dasselbe wie im Moment, aus der Dokumentation: Ссылка

    
DNRN 08.06.2016 20:19
quelle
0

Ich benutze Angular-cli, ich habe nur diese Zeile in package.json

hinzugefügt %Vor%

und dann laufe ich:
1. npm install underscore --save
2. npm install

und es hat funktioniert ...

    
HappyCoder 04.03.2017 13:05
quelle

Tags und Links