Wie um zu dienen statische Verzeichnis von "ng dienen"

Kann ich Fragen, ob es eine ähnliche config für webpack dev-server-config so:

devServer : {
    historyApiFallback : true,
    stats : 'minimal',
    contentBase: helpers.root('../src/static'),
  }

Will ich dienen statische Dateien aus statischen Verzeichnis wie das webpack dev-server ist die Bereitstellung von Dateien.
Dank

  • Ich bin mir nicht sicher, ob ich Ihre quastion Recht, aber wenn Sie Winkel-CLI, die assets unter src Ordner dienen können statische Dateien.
InformationsquelleAutor user3006967 | 2017-06-20
  1. 21

    Ja, es ist sicher.

    Suchen Sie im Stammverzeichnis der Winkel-app für eine Datei mit dem Namen angular.json. Gibt es einen Eintrag namens "assets". Hinzufügen von statischen Verzeichnissen hier. Alles, was unter Ihnen serviert wird direkt über ng serve. Und wenn Sie live gehen, werden alle diese Dateien kopiert werden /dist Verzeichnis, so werden Sie serviert in einer Produktionsumgebung auch.

    "projects": {
  "YourCoolProject": {
      "root": "",
      ...
      "architect": {
        "build": {
          "builder": "@angular-devkit/build-angular:browser",
          "options": {
            "outputPath": "dist",
            ...
            "assets": [
              "src/assets", 
              "myOtherStaticFiles"   /* <-- Add *your* directory(s) here */
            ],
            "styles": [
            ...

    p.s. Ja, ich weiß, Sie können nicht wirklich kommentieren JSON. Geben Sie mir eine Pause.

    • und vergessen Sie nicht, ein Komma, bevor Sie einen weiteren Eintrag hinzufügen 🙂
    • Wie kann ich das einstellen so, dass das Vermögen serviert in der Entwicklung, aber NICHT kopiert, die für die Produktion (in meinem Fall sind Sie kopiert von einem anderen dev-Prozess)?
    • Das wäre eine gute neuen Frage ALSO.
    InformationsquelleAutor Rap
  2. 1

    Ja, Sie können. In angular.json verwenden, können Sie Einträge mit Namen assets. Was auch immer Datei oder ein Verzeichnis umfassen, in assets Wert ein array, wird serviert über ng serve. Was auch immer Sie hinzufügen, in projects/<your-project>/architect/build/options/assets, serviert in alle build-Konfigurationen und in dist Verzeichnis Aufbau der Produktion.

    Wenn Sie etwas wünschen, das nur während der Entwicklung oder Testphase, Sie können Build-Konfigurationen. Standardmäßig haben Sie einen Abschnitt projects/<Projekt>/architect/build/configurations/production. So fügen Sie Ihren eigenen Abschnitt, wie ../build/configurations/dev (vielleicht zunächst kopieren, was in production Abschnitt). Dann können Sie assets Eintrag gibt. Diese Vermögenswerte werden nicht in der Produktion Konfiguration.

    Starten ng serve spezifischen Konfiguration, die Sie verwenden --configuration argument. Zum Beispiel, um mit dev Konfiguration:

    ng serve --configuration=dev

    Disclaimer: nicht test oben - nur das Handbuch zu Lesen 🙂

    InformationsquelleAutor Ari Manninen
Schreibe einen Kommentar