Vue-cli webpack WordPress-Theme

Lesezeit: 2 Minuten

Benutzer-Avatar
HB

Ich habe ein SPA mit VueJS erstellt. Ich versuche derzeit, dies mithilfe der Rest-API in WordPress zu integrieren.

Ich verwende das vue-cli Webpack-Setup und dieses spritzt natürlich in die <div id="app"></div> innerhalb von index.html. All das funktioniert also bestens.

Was ich tun muss, ist, mein aktuelles Projekt zu nehmen und dieses als WordPress-Thema einzurichten, z. B. eine index.php-Datei, die mein SPA verteilt.

Hier kämpfe ich. Idealerweise möchte ich mein SPA in einem Ordner namens “app” innerhalb des Themas haben und eine index.php im Stamm haben, die mein “app”-Verzeichnis ausgibt.

Ich weiß, dass dies möglich ist, aber ich bin nicht großartig mit Webpack und habe den ganzen Tag gelesen und github nach Lösungen gesucht, aber nichts scheint mit meinem aktuellen Setup mit Vue-cli übereinzustimmen.

Hat das schon mal jemand gemacht und wenn ja wie? Mir ist bewusst, dass ich möglicherweise einige Einstellungen in meinen Konfigurationen ändern muss, aber ich weiß ehrlich gesagt nicht, wo ich anfangen soll.

Jede Hilfe wäre toll.

Vielen Dank

  • Ich suche ein ähnliches Setup! Ich habe einen … gefunden WordPress-Theme-Starter mit Vue.js und ein WordPress-Starter-Plugin mit Vue.js aber keiner von ihnen hat ein Hot-Reloading-Setup, was sie für mich ziemlich nutzlos macht. Ich hätte gerne die voll-robust vue-cli Webpack (oder ähnliches) Setup innerhalb einer von WordPress geladenen Seite, damit ich zur Laufzeit auf alle lokalisierten Skriptvariablen und andere JS zugreifen kann, die sich auf der Seite befinden. Hast du etwas gefunden, seit du das hier gepostet hast??

    – SlowFooMovement

    17. Januar 2018 um 20:10 Uhr


  • Ich weiß, es ist lange her, dass du das gefragt hast. Haben Sie also eine Lösung gefunden, um dieses Problem zu lösen? Ich habe seit einiger Zeit das gleiche Problem und kämpfe damit. Danke vielmals

    – Imali7 ARF

    4. Juni 2021 um 10:15 Uhr

1334390cookie-checkVue-cli webpack WordPress-Theme

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy