Vue.js - Pre complie ohne Build-Tool

Question

Ich benutze Vue.js Framework für meine PHP + JS-Anwendung mit der vollen Erstellung von Vue. d. h. direktes Einbinden von Vue über ein Script-Tag ohne ein Build-Tool.

Nun ist meine Frage Wie kann ich meine Vorlagen ohne Build-Tools (Webpack, Browserify) vorkompilieren.

Vielen Dank im Voraus

Answer 1

Nun, das ist eine seltsame Frage. Ich denke, Sie sprechen über das Kompilieren von String-Vorlagen.

Es scheint offensichtlich, dass Sie Ihre Vorlage nicht ohne ein spezielles Build-Tool vorkompilieren können.

Sie haben mindestens zwei Lösungen Vue zu verwenden, ohne Build-Engine, aber keiner von ihnen gehört Pre-Compilierung von Zeichenketten-Templates:

1. Nutzen Sie die volle Version von Vue (mit Compiler enthalten), der Kompilieren Sie Ihre String-Vorlagen während der Ausführung. Es ist tatsächlich sehr leicht und (fast) unbemerkt in Bezug auf die Leistung für kleine bis mittlere App. Wenn Sie kein commonJS-Modul verwenden und es nur im Skript-Tag verwenden möchten, können Sie den UMD-Build verwenden. Es ist dort verfügbar: https://unpkg.com/vue

2. Sie können Render-Funktionen direkt anstelle von Vorlagen verwenden, so dass Sie nichts kompilieren müssen. Siehe: https://vuejs.org/v2/guide/render-function.html

Answer 2

• zuerst installieren Vue-cli für Node.js als globale
• Dann können Sie diesen Befehl verwenden, um * .vue Dateien zu kompilieren * .js
• , die verwendet werden können, in Browser

vue-cli build --prod --lib Hello.vue -w