2017-04-13 4 views
0

Ich habe diese enter image description herewie Vermögenswerte in Laravel für verschiedene Umgebungen laden

aber ich würde ährend die IF-Anweisung beseitigen möchte, wenn ich solche Ressourcen geladen werden soll.

in der obigen Abbildung für LOCAL Umgebung Ich habe bootstrap.min.cs und app.css Dateien, so dass ich leicht debuggen kann.

in PRODUKTION diese beiden Dateien werden minimiert und in einer Datei bei core.min.css (mit Schluck) kombiniert.

Gibt es einen besseren Weg, ohne eine IF-Anweisung zu verwenden, aber trotzdem in der Lage zu sein, leicht mit den Originaldateien in der LOCAL-Umgebung zu debuggen?

so etwas wie App-local.css (die zwei Raw-Dateien enthält) und app-production.css (was ist eine Datei minimiert und kombiniert)?

nicht sicher, ob ich klar bin, aber ich hoffe, Sie bekommen, was ich meine.

+2

Sie können webpack verwenden und schlucken zusammen. also egal seine Produktion oder lokal schreiben Sie einfach Ihre CSS und Javascript wird es automatisch verkleinern und verschmelzen alle JS-Skripte und CSS in einzelne Dateien. https://webpack.github.io/ Überprüfen Sie diesen Link für Begin –

+0

aber würde das nicht die gesamte Liste der Abhängigkeit jedes Mal neu bündeln, wenn ich eine Änderung in LOCAL mache und die Änderungen im Browser sehen wollen? –

+0

ah vergiss nicht, ich denke, ich habe viele meiner Fragen in diesem Video beantwortet :) https://www.youtube.com/watch?v=TaWKUpahFZM –

Antwort

0

Webpack und Gulp Kombination ist genau das, was Sie suchen.

Es spielt keine Rolle, ob Sie in der Produktion oder in lokalen sind, können Sie alle Ihre CSS-und Javascript-Dateien zusammengeführt in einer einzigen Datei zusammengefasst. Sie müssen sich also nicht um Ihre Umgebung sorgen. Sie können sie auch verwenden, um Ihre Änderungen in Echtzeit zu beobachten, was auch für die Entwicklung nützlich ist.

Check Link für weitere Informationen https://webpack.github.io/

+1

ok, aber müsste ich die ganzen Skripte nicht jedes Mal neu kompilieren (oder neu bündeln), wenn ich eine der Abhängigkeiten ändere? –

+0

Webpack kann zwischengespeichert werden. Es sei denn, Sie verwenden eine verrückte Menge an Bibliotheken. Überprüfen Sie in diesem Link Typen inkrementelle Builds https://webpack.github.io/docs/build-performance.html –

+1

Ich benutze tatsächlich viele Plugins und Tausende von Zeilen benutzerdefinierten Code, so yep. aber danke, ich fange schon an es zu bekommen. –

Verwandte Themen