2015-11-30 50 views
12

我是Sails.js的新手,我很興奮。它是創建API的好工具。 我也在Yeoman生成單頁面應用程序(jquery或angular)一段時間,它們非常適合客戶端邏輯。Sails.js如何爲Yeoman生成應用程序服務

然而,目前使基於這兩種技術的應用程序的唯一方法是將它們分成兩個完全獨立的項目,這是一種浪費。

我正在尋找一種方法來結合這兩者。 我想讓Sails.js提供Web應用程序的靜態資源並加載其index.html文件(而不是homepage.ejs)。我也想要開發環境(grunt,live-reload按照它應該的方式工作)。

我試圖創建資產的文件夾內的自耕農項目和重定向佈局中的index.html,但它有幾個問題: - 我無法將應用程序/文件夾(在開發過程中)和位於dist /文件夾之間分開(正在生產中) - bower_components鏈接已損壞(它指的是/ bower_components而不是/ assets/app/bower_components)

我猜可能還有更多問題我還沒有發現。

有沒有人嘗試(併成功)結合這些技術?

回答

7

可以服務於靜態的index.html代替homepage.ejs的做下面的步驟:

  1. 地方你的index.html文件資產文件夾下。
  2. 開放routes.js在config文件夾和代碼
 
    '/': { 
     view: 'homepage' 
    } 

改變

 
    '/': { 
     view: false 
    } 

資產的文件夾作爲在該網站的根文件夾。如果您的「angular.min.js」文件位於「assets \ bower_components \ angular」文件夾中,則該文件將在瀏覽器中轉換爲「/bower_components/angular/angular.min.js」。

5

可能不是你在找什麼,但我看了前一段時間,這似乎做同樣的事情的一個項目;結合前端(jQuery /角度)+後端(風帆)。

http://sanestack.com/

的主要區別在於,sanestack使用燼爲前端(其可能不適合你)。但它的好處是發電機在前端+後端項目上同時創建適當的資源。

至少,希望它會給你如何用帆前端項目相結合的一些想法。