2016-11-26 2 views
0

Sails JS(ノードJSフレームワーク)とVue JSでSPA(シングルページアプリケーション)を作成したいと考えています。 Vue JSはコンポーネントをサポートしており、それらを動的にロードしたい(.vueファイル)。私がnpmを通してインストールしたものには、Vue JSはBrowserifyを使用することをお勧めします。タスクはSails JS内のGruntで実行されます。Sails JSとBrowserifyでvueifyを実行するにはどうすればいいですか?

私はちょうどそれを一緒に得ることができません。すべてのヘルプは高く評価され

|-.tmp |-browserify |-components |--user.vue |-js |---dependencies |---vendor |-styles |---fonts |---vendor

:それはうなり声によって生成された私の現在の公共の木です。

答えて

2

VueJSとSailsJSの仕組みを完全に理解できていないのではないかと心配しています。

私が働いている方法や他の多くの人がやりたいことをお勧めします。 SailsJSはBrowserifyをまったく必要としません。小さなVueJSコンポーネントしか使用していないのであれば、それを考慮することもできますが、まだ必要はありません。 セイルはあなたにAPIを提供しています。 VueJSプロジェクトにのみBrowserifyが必要です。 VueJSはあなたのAPIを消費することです。

私の提案は、バックエンドプロジェクトとフロントエンドプロジェクトを完全に分割し、IDEで個別に作業することです。あなたの/api要求がlocalhost:1337を指すようにdev envプロキシを設定してください。 最後に、VueJSプロジェクトをビルドしてSailsアプリの資産に入れます。それで全部です。

+0

ありがとうございました!私は私の問題を完了するために私のフォルダツリーを更新しました。フォルダはGruntタスクによって自動的に生成されます。だから、すでに私のセイルズのプロジェクトの中にあります。私の問題は、.vueをコンパイルしなければならないことと、Gruntを使って自動的に(JSTからJSコンパイラに組み込まれたSails Jsのように)行うことができると思った。 あなたのソリューションは面白く聞こえます。このアプローチについての情報やリンクをいくつか提供してください。私がそれを正しく理解すれば、入り口はVue JS index.htmlであり、Sails JSからデータを要求します。 – Julian

+0

Google Webpack Vue Templateとそこから移動します。あなたが考えるよりも簡単になります。 –

関連する問題