2016-11-26 41 views
0

我想創建一個SPA(單頁應用程序)與Sails JS(節點JS框架)和Vue JS。 Vue JS支持組件,我想動態加載它們(.vue文件)。 Vue JS建議使用Browserify,我通過npm安裝。在Sails JS中完成任務Grunt如何讓Sails JS和Browserify運行vueify?

我只是不能把它們放在一起。這是由咕嚕產生我目前的公共樹:

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

任何幫助表示讚賞。

回答

2

恐怕你不完全理解VueJS和SailsJS是如何工作的。

我會建議我工作的方式和許多其他人做的。 SailsJS完全不需要Browserify。如果您只使用小型VueJS組件,您可以考慮它,但它仍然不是必需的。 Sails爲您提供API。 Browserify僅用於您的VueJS項目。 VueJS將消耗你的API。

我的建議是完全拆分後端和前端項目,並在IDE中單獨使用它們。在dev env爲您的/api請求設置代理localhost:1337。 最後,您將構建VueJS項目並將其放入您的Sails應用資產中。就這樣。

+0

非常感謝您深入挖掘!我更新了我的文件夾樹來完成我的問題。該文件夾由Grunt任務自動生成。所以它實際上已經在我的Sails Js項目中。我的問題是或.vue必須編譯,我認爲我可以使用Grunt自動執行此操作(如JST中編譯的JST中的Sails Js)。 您的解決方案聽起來很有趣。你能否提供更多的信息或鏈接來閱讀這種方法?如果我理解它是正確的,那麼入口點就是Vue JS index.html,它會從Sails JS請求數據。 – Julian

+0

谷歌Webpack Vue模板,並從那裏去。它會比你想象的更容易。 –