Nicht ändern können, den Basis Ordner für die lite-server im Winkel 2 Anwendung

Gehe ich durch die 5-Minuten-Schnellstart-des Winkel-2. Jedoch, meine Bewerbung befindet sich in src/ - Ordner statt an der Wurzel von meinem repository, und wenn ich laufen npm start versucht die Anwendung zu finden, eine index.html - Datei im Stammverzeichnis. Ich lese bis auf lite-server und Dokumentation zeigt, dass es verwendet BrowserSync und ich kann neu konfiguriert BrowserSync mit einem bs-config.json in meinem repository. Ich Tat, und dies ist, was meine config sieht wie folgt aus:

{
  "port": 8123,
  "server": { "baseDir": "./src" }
}

Laut log ist es mit der angegebenen config:

[1] > todo-app-angular2@1.0.0 lite E:\GitHub\todo-app-angular2
[1] > lite-server "./bs-config.json"

Ich habe auch versucht, ein überschreiben durch bs-config.js

module.exports = {
  port: 8123,
  server: {
    baseDir: "./src"
  }
};

Jedoch die Eckige Anwendung ist noch geöffnet auf port 3000 und es ist eine Missachtung des baseDir in der config definiert. Was mache ich falsch?

  • Versuchen Sie --config path/to/bs-config.json im npm start Befehl
  • Ich habe keine Wirkung 🙁
  • Verwenden Sie lite-server v2 für den browser-sync-config-Optionen-Datei
InformationsquelleAutor Konstantin Dinev | 2016-02-02
  1. 15

    Sollten Sie eine Datei namens bs-config.js (statt einer bs-config.json eins) da-lite-server zu laden versucht ein Modul mit der require Funktion. Die Konfiguration sollte eine gültige Node-Modul:

    module.exports = {
  "port": 8123,
  "server": { "baseDir": "./src" }
};

    Sehen, diese Zeile im source-code: https://github.com/johnpapa/lite-server/blob/master/lib/lite-server.js#L20.

    Diese Datei standardmäßig geladen wird aus der Benutzer-Projekt-Ordner.

    Bearbeiten

    Nach dem Graben ein wenig mehr, der erste Teil meiner Antwort beruht auf dem code von github die man aber eigentlich nicht installiert npm install (version 1.3.4)

    Gibt es zwei Möglichkeiten in diesem Fall:

    • port
    • baseDir

    Mit diesem Befehl wird dein problem lösen:

    $ lite-server --baseDir ./src --port 3333

    Hoffe es hilft dir,
    Thierry

    • Ich habe tatsächlich vergessen zu erwähnen, dass ich bereits versucht, diese. Ersetzt habe ich die json-config mit einem Modul.export in eine bs-config.js Datei. Dass noch gar nichts 🙁 Eigentlich, wenn ich dazu meine npm start scheitern würde.
    • Ich habe es gerade ausprobiert und es dient immer noch aus ./ [1] [BS] - Zugriffs-URLs: [1] ------------------------------------ [1] Local: localhost:3000 [1] Externer: xx.xx.xx.xx:3000 [1] ------------------------------------ [1] UI: localhost:3001 [1] UI-Extern: xx.xx.xx.xx:3001 [1] ------------------------------------ [1] [BS] die Dateien aus: ./
    • Welche version von lite-server verwenden Sie?
    • "lite-server": "^1.3.4"
    • Das gleiche gilt für mich! Wenn Sie einen Blick auf die Datei node_modules/lite-server/lib/lite-server.js Sie werden sehen, dass argv.baseDir (--baseDir) ist für base-Ordner und argv.port für port (--port). Man könnte hinzufügen, einige console.logs in der Datei, um zu sehen, empfangene Werte... ich machte einen neuen test und der folgende Befehl funktioniert bei mir lite-server --baseDir ./src --port 3333...
    • Ok, ich entschuldige mich. Das funktionierte tatsächlich. Ich habe den params zu meinem npm starten, aber ich sollte Hinzugefügt haben, es zu meinem npm-lite, das heißt durch npm start.
    • Ist es möglich, konfigurieren Sie die Dateien, die beobachtet werden durch die browser-sync mit der lite-server Skript?
    • ja, Sie können nutzen Sie die --files parameter. Geben Sie die Datei-Muster auf dieser Ebene. So etwas wie ./**/*.js...
    • Verwenden Sie lite-server v2 für den browser-sync-config-Optionen-Datei
    • Ich stehe vor demselben Problem, können Sie bitte lassen Sie mich wissen, wo sollte ich $ lite-server --baseDir ./src --port 3333 . Ich habe npm 3.7.3 version in windows.

    InformationsquelleAutor Thierry Templier
  2. 4

    Die Antwort von Thierry Templier ist nicht ganz korrekt (mehr) verwenden, können Sie entweder die bs-config.json oder bs-config.js Konfiguration passen Sie Ihre browser-sync-Konfiguration. Dies ist, was ich kam zunächst für die angular2 quick-start-Beispiel mit JIT(Just-In-Time) und AOT(Ahead-Of-Time) - Kompilierung-Unterstützung (bs-config.json)

    {
  "port": 8000,
  "server": ["app", "."]
}

    host für das Projekt aus mehreren Verzeichnissen.

    Habe ich jedoch nicht, wie diese Lösung, weil durch überschreiben der server Abschnitt in der json - Datei, die Standard - middleware Konfiguration überschrieben wurde, zur gleichen Zeit.

    Daher beendete ich mit dem folgenden Ansatz, ich nahm die Standard - lite-server's config-defaults.js Dateien und modifiziert statt (bs-config.js):

    'use strict';
var fallback = require('connect-history-api-fallback');
var log = require('connect-logger');
/*
 | For up-to-date information about the options:
 |   http://www.browsersync.io/docs/options/
 */
module.exports = {
  port: 8000,
  injectChanges: false, //workaround for Angular 2 styleUrls loading
  filters: ['./**/*.{html,htm,css,js}'],
  watchOptions: {
    ignored: 'node_modules'
  },
  server: ['./', 'app'],
  middleware: [
    log({ format: '%date %status %method %url' }),
    fallback({
        index: '/index.html',
        htmlAcceptHeaders: ['text/html', 'application/xhtml+xml'] //systemjs workaround
    })
  ]
};
    InformationsquelleAutor Evgeny Bobkin
Schreibe einen Kommentar