2014-09-23 77 views
2

我是新來的風帆和bootstrap。我需要將bootstrap集成到現有的sails v0.10項目中。請告訴我我應該採取的措施。提前致謝。整合Twitter引導與風帆js v0.10

+0

這可能有助於http://stackoverflow.com/questions/17929307/how-to-serve-a-bootstrap-template-in-sails-0-9 – 2014-09-23 06:35:51

回答

8

你可以添加下面接下來的步驟:

  • 把引導CSS庫文件夾資產/風格/引導
  • 把引導JavaScript庫文件夾資產/ JS /引導
  • 放jQuery的到文件夾資產/ JS /依存/

的jQuery插件在任務/ pipeline.js依賴條件,因爲引導需要像下面的代碼的jquery.js:

// Client-side javascript files to inject in order 
// (uses Grunt-style wildcard/glob/splat expressions) 
var jsFilesToInject = [ 

    // Load sails.io before everything else 
    'js/dependencies/sails.io.js', 
    // load jquery before bootstrap 
    'js/dependencies/jquery-1.10.2.min.js', 

    // Dependencies like jQuery, or Angular are brought in here 
    'js/dependencies/**/*.js', 

    // All of the rest of your client-side js files 
    // will be injected here in no particular order. 
    'js/**/*.js' 
]; 

然後當您運行命令帆帆升降,自動咕嚕任務運行,使您的依賴配置在佈局實現這樣

<script src="/js/dependencies/sails.io.js"></script> 
<script src="/js/dependencies/jquery-1.10.2.min.js"></script> 
<script src="/js/bootstrap/bootstrap.min.js"></script> 

jQuery將是引導前負荷。

希望可以幫助您