Liste der Anhänge anzeigen (Anzahl: 1)
Webpack Encore
Test Status:
Hallo, habe jetzt folgendes ausprobiert jeweils mit Contao 4.7.6.
Ausgangsbasis:
Lokal webpack-encore installiert mit:
Code:
npm init -y
npm install @symfony/webpack-encore --save-dev
npx encore production
Dabei habe ich lediglich die Beispiele aus https://symfony.com/doc/current/fron...tallation.html verwendet.
In meinem "web/build" Verzeichniss befinden sich dann: entrypoints.json, manifest.json, runtime.747e415b.js, test.2d39ceba.js und test.55941eb4.css
Mit Erweiterung:
Mit der Erweiterung ( s. obige Installationsschritte ) kann ich dann bequem test.js und/oder test.css auswählen und zusätzlich deren Position bestimmen - siehe Anlage Anhang 22359
Im Frontend wird dann beispielsweise dies im Header ausgegeben:
Code:
<link rel="stylesheet" href="build/test.55941eb4.css">
<script src="build/runtime.747e415b.js"></script>
<script src="build/test.2d39ceba.js"></script>
Ohne Erweiterung:
Separate Contao Installation und in der config.yml folgendes eingetragen:
Code:
framework:
assets:
json_manifest_path: '%kernel.project_dir%/web/build/manifest.json'
Habe dann noch den Cache gelöscht - über CM o. Shell.
Dann im Seitenlayout z.B. unter "Zusätzliche -Tags" folgendes:
Code:
<script src="{{asset::build/runtime.js}}"></script>
<script src="{{asset::build/test.js}}"></script>
<link rel="stylesheet" href="{{asset::build/test.css}}">
Ergebnis im Frontend:
Code:
<script src="build/runtime.747e415b.js"></script>
<script src="build/test.2d39ceba.js"></script>
<link rel="stylesheet" href="build/test.55941eb4.css">
Toflars Angaben können also so in der 4.7.6 umgesetzt werden ( wohl dann nicht in der Contao LTS ).
Hierbei muß man sich dann halt selbst um die jeweilige, korrekte Reihenfolge kümmern - (vor allem mit https://symfony.com/doc/current/fron...it-chunks.html ) mit der Erweiterung ist es bequemer.
Aber beide Möglichkeiten sind denkbar ...
Webpack Encore Remote Bundle
Da es in diesen Thread passt: Ich habe ein Bundle geschrieben, welches die Webpack Encore Konvertierung Remote auf einem Server ausführt. Dies hat in unserer Agentur den Vorteil, dass auch Nichtentwickler, nach Fertigstellung des Webprojektes Anpassungen am CSS/JS vornehmen können und kein Wissen zu Webpack Encore benötigen. Vielleicht hat der ein oder andere Interesse daran ;)
https://github.com/postyou/contao-we...-remote-bundle
