Angular cli und webpack

ich eine einfache App erstellen und es auf localhost anzuzeigen.

Wenn ich die Localhost-Site inspiziere, kann ich die von webpack eingefügten css- und js-Links sehen.

Wie werden diese hinzugefügt, wenn der index.html sieht aus wie diese

<!doctype html> 
    <html> 
    <head> 
     <meta charset="utf-8"> 
     <title>Wpng</title> 
     <base href="/"> 

     <meta name="viewport" content="width=device-width, initial-scale=1"> 
     <link rel="icon" type="image/x-icon" href="favicon.ico"> 
    </head> 
    <body> 
     <app-root>Loading...</app-root> 
    </body> 
    </html>

Auch kann ich nicht alle webpack.config.js in den Akten sehen, so wie webpack

verwendet wird

Quelle

2017-04-20 ttmt

Die Angular CLI ist der Umgang mit die Datei webpack.config intern. Wenn Sie es sehen und manuell damit arbeiten möchten, können Sie die Option ng eject verwenden.

Sehen Sie diese Antwort für weitere Informationen: angular-cli where is webpack.config.js file - new 2017-Feb: ng eject

Quelle

2017-04-20 19:45:32 DeborahK

Die angular-cli in einer Art und Weise hergestellt ist, dass Sie sollten etwas Einrichtung in der webpack.config.js Datei wie dies geschehen ist bereits für Sie nicht über Sorgen macht ... Leider letzte Zeit, die ich überprüft habe, gab es keine official Liste aller Webpack loaders, die in der angular-cli enthalten sind, aber alles, was Sie denken, dass Sie brauchen würden, ist bereits da. Dies macht angular-cli so einfach und einfach.

Mit diesem wird gesagt, der Grund, warum Sie keine javascript Dateien in der index.html Datei verknüpft sehen, weil, wenn Sie entwickeln, bist du nicht wirklich die Arbeit mit einem build sondern mit einer App, die gehalten wird in "Speicher" und ändert sich, wie Sie Ihre App entwickeln. Ich weiß, dass es wie Magie ist und ich das erste Mal angluar-cli benutzen ich auch war verwirrt über ...

Schließlich, wenn Sie build tatsächlich das Projekt des ng build --prod Befehl, dann werden Sie ein neues Verzeichnis dist mit der angerufene erhalten tatsächlichen Quellcode und eine index.html Datei, die die Datei bundle.js verknüpft, wie Sie es erwarten würden.

Soweit ich weiß, soll die webpack config nicht für den Wechsel in der angular cli gedacht sein. Zumindest war das der Fall, als ich das letzte Mal überprüft habe.

Quelle

2017-04-20 19:45:45 evvels1

Wie sonst müssen wir 3rd-Party-eckige Plugins zu unserem Projekt hinzufügen? Die meisten Plugins bieten eine Webpack-Option zum Hinzufügen zum Projekt. – Rossco

Angular cli und webpack

Antwort

Verwandte Themen