在線模板添加額外的文件

Question

在我的Rails項目中，我有一個目前正嘗試使用在線模板（http://news.visualsoldiers.com/snow-a-free-bootstrap-landing-page-theme/）設置樣式的登錄頁面。但是，並非所有效果都起作用，因爲除了主CSS和JS文件之外，還有animate.css,jquery-1.11.0.min.js，modernizr-2.7.1.js和wow.min.js。我的Rails項目應該包含這些文件嗎？

Answer 1

是的，你可能需要animate.css,modernizr和wow.min.js。 rails帶有jquery，所以不需要包含它。

Answer 2

一般的做法是在vendor/assets文件夾中添加外部依賴項。

然後，在您的清單文件或application.[js|css]中，您應該要求這些文件。

注意：require_tree可能不是一個好習慣，因爲某些外部依賴可能需要加載另一個依賴，但是require_tree（據我所知）以升序加載文件。

它總是更好地明確要求您需要的文件，如

application.js 
//= require animate 
//= require modernizr 
//= require wow.min 

application.css 
*= require animate 
*= require modernizr 
*= require wow.min 

UPDATE

基於the documentation of bootstrap-sass，你應該做的：

#application.scss 
@import "bootstrap-sprockets"; 
@import "bootstrap"; 

#application.js 
//= require bootstrap-sprockets 

注意，它是安全的如果您已包含，請將application.css更改爲寶石。

就個人而言，靈活性/定製，我可能會添加其他文件，如：

#stylesheets/bootsrap-setup.scss 
@import "bootstrap-sprockets"; 
@import "bootstrap"; 

然後，我可以很容易做到

#application.scss 
*= require bootstrap-setup 

注：the documentation說：

*請勿在Sass中使用= require，否則您的其他樣式表將無法訪問Bootstrap組合變量或變量