Vue.js - ビルドツールを使用しないで事前にコンパイルする

Question

vueの完全ビルドを使用してPHP + JSアプリケーション用にVue.jsフレームワークを使用しています。すなわち、ビルドツールなしでスクリプトタグを介して直接Vueを含む。

私の質問はビルドツール（Webpack、Browserify）なしでテンプレートをどのようにプリコンパイルできますか？

ありがとうございます。

Answer 1

これは奇妙な質問です。私はあなたが文字列テンプレートのコンパイルについて話していると思います。

専用のビルドツールを使用せずにテンプレートをプリコンパイルすることはできないことは明らかです。

あなたはビルドエンジンなしのVueを使用するには、少なくとも2つのソリューションを持っていますが、それらのどれもが、文字列テンプレートの事前コンパイルを含まない：

1. いることができ、（付属のコンパイラを含む）のVueの完全なビルドを使用します実行中にオンザフライで文字列テンプレートをコンパイルします。それは実際には非常に軽量で、（ほとんど）目立たないパフォーマンスワイズの中小アプリです。 commonJSモジュールを使用せず、スクリプトタグでのみ使用したい場合は、UMDビルドを使用できます。 https://unpkg.com/vue

2. レンダリング機能をテンプレートの代わりに直接使用できるため、何かをコンパイルする必要はありません。参照：https://vuejs.org/v2/guide/render-function.html

Answer 2

• まずあなたがする* .vueファイルをコンパイルするには、このコマンドを使用することができ、グローバル
として
• をNode.jsのためのVue-CLIをインストールしてください*で使用することができるの.js
• ブラウザ

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