オンラインテンプレートから余分なファイルを追加する

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もあるので、すべての効果が働いているわけではありません。私のレールプロジェクトのどこにこれらのファイルを含めるべきですか？

Answer 1

はい、おそらくanimate.css、modernizr、およびwow.min.jsが必要です。レールには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をapplication.scssに変更してくださいgem。

個人的には、柔軟性/カスタマイズのために、私はおそらくのような、別のファイルを追加したい：私は簡単に行うことができ、

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

その後

#application.scss 
*= require bootstrap-setup 

注：the documentationは言う：

* Sassで= requireを使用しないでください。そうしないと、他のスタイルシートはブートストラップのミックスインや変数にアクセスできなくなります