Vue.js - 不使用構建工具的前編譯器

Question

我使用Vue.js框架爲我的PHP + JS應用程序使用vue的完整版本。即通過腳本標籤直接包含Vue而無需構建工具。

現在我的問題是如何在沒有任何構建工具（Webpack，Browserify）的情況下預編譯我的模板。

在此先感謝

Answer 1

嗯，這是一個奇怪的問題。我想你正在談論編譯字符串模板。

似乎很明顯，您無法在沒有任何專用構建工具的情況下預編譯您的模板。

您至少有兩個解決方案，以使用Vue公司沒有構建引擎，但他們都不具備的字符串模板預編譯：

1. 使用Vue公司的完整版本（與包括編譯器），它可以在執行期間即時編譯您的字符串模板。實際上它對於中小型應用程序來說非常輕巧，並且（幾乎）不明顯。如果您不想使用任何commonJS模塊並僅在腳本標記中使用它，則可以使用UMD構建。它可以在那裏：https://unpkg.com/vue

2. 你可以直接使用渲染函數而不是模板，所以你不需要編譯任何東西。請參閱：https://vuejs.org/v2/guide/render-function.html

Answer 2

• 首先安裝的Vue-CLI於Node.js作爲全球
• 然後你就可以使用這個命令來編譯* .vue文件* .js文件
• 可以在使用瀏覽器

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