Gulp + wiredep + browsersync + bower = Komponenten nicht gefunden

Question

Ich habe eine Build/dist-Ordnerstruktur, mit bower_componentes Ordner im Stammverzeichnis meines App-Ordners.

Gibt es eine Möglichkeit, browserSync so zu konfigurieren, dass meine Webbrowser die CSS- und JS-Ressourcen von Bower korrekt laden?

Wenn ich den baseDir-Parameter von browserSync auf './dist' verwende, funktioniert der Deploy-Ordner, aber die Abhängigkeiten nicht.

Wenn ich den baseDir-Parameter von browserSync auf './' setze, funktionieren die Abhängigkeiten, aber ich muss '/ dist' manuell in die Adresszeile des Browsers eingeben.

Oder soll es so funktionieren?

Answer 1

Wenn Sie auf ein Verzeichnis außerhalb des baseDir zugreifen möchten, müssen Sie eine Route in Ihrem browsersync int verwenden.

https://www.browsersync.io/docs/options/#option-server

// Since version 1.2.1 
// The key is the url to match 
// The value is which folder to serve (relative to your current working directory) 

server: { 
    baseDir: "./dist", 
    routes: { 
     "/bower_components": "bower_components" 
    } 
}