Symfony 3 Projektstruktur bei Verwendung von Vuejs + Webpack

Question

Ich bin gerade dabei, eine Anwendung zu erstellen, die aus einer Rest-API für das Backend besteht, die dann von einer vuejs-Anwendung verbraucht wird.

Ich möchte, dass das Frontend und der Backend-Code im selben Code-Repository gespeichert sind.

Ich habe nur Mühe herauszufinden, wo ich meine Vuejs-Dateien ablegen soll.

Derzeit sieht mein Projekt Verzeichnisstruktur wie folgt aus:

/project-dir 
    /app 
    /bin 
    /src 
    /tests 
    /var 
    /vendor 
    /web 

Jetzt mache ich die js Dateien alle in/Projektverzeichnis/Netz gestellt? Wie folgt aus:

/project-dir 
    /app 
    /bin 
    /src 
    /tests 
    /var 
    /vendor 
    /web 
     /build 
     /config 
     /node_modules 
     package.json 
     /src 
     /static 
     /test 

fühle ich könnte dies ein guter Weg, es zu strukturieren, aber nicht sicher, ob es Nachteile sind damit auf diese Weise zu tun. Wie würden Sie Vuejs und Webpack in eine Skeleton Symfony-Anwendung integrieren?

Answer 1

Wenn Sie Ihr vue.js-Projekt erstellen (und den Ordner web/builds/schlägt es vor). Ich würde empfehlen, den Rest des Codes außerhalb des Webverzeichnisses zu halten und darin zu bauen.

Andere als dass es nichts gegen Ihren Ansatz zu sprechen, und es ist sogar von der aktuellen Symfony Best Practices vorgeschlagen:

Best Practice

Shop Ihr ​​Vermögen im web/Verzeichnis.