Rails css資產管道沒有拉入其他樣式表。

Question

所以我正在構建應用程序&我已經添加了bootstrap-sass寶石。這裏是我的Gemfile看起來是這樣的：

gem 'rails', '4.2.6' 
gem 'bootstrap-sass' 
gem 'sass-rails', '~> 5.0' 
gem 'uglifier', '>= 1.3.0' 
gem 'coffee-rails', '~> 4.1.0' 
gem 'jquery-rails' 
gem 'turbolinks' 
gem 'jbuilder', '~> 2.0' 
gem 'bcrypt', '~> 3.1.7' 

group :development, :test do 
    gem 'byebug' 
    gem 'sqlite3', '1.3.11' 
end 

group :development do 
    gem 'web-console', '~> 2.0' 
    gem 'spring' 
end 

group :production do 
    gem 'pg' 
end 

我我的路線文件夾：

Rails.application.routes.draw do 
    root 'landing_page#home' 
    get 'users/new' 
end 

我有兩個樣式application.scss & landing_page.scss。

我只是試圖設計我的着陸頁。但是，我無法從我的landing_page.scss中加載任何樣式。我只能得到這些樣式加載，如果放置在application.scss。

這裏是application.scss

@import "bootstrap-sprockets"; 
@import "bootstrap"; 
/* 
* This is a manifest file that'll be compiled into application.css, which will include all the files 
* listed below. 
* 
* Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets, 
* or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path. 
* 
* You're free to add application-wide styles to this file and they'll appear at the bottom of the 
* compiled file so the styles you add here take precedence over styles defined in any styles 
* defined in the other CSS/SCSS files in this directory. It is generally better to create a new 
* file per style scope. 
* 
*= require_tree . 
*= require_self 
*/ 


@mixin box_sizing { 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing:   border-box; 
} 

.debug_dump { 
    clear: both; 
    float: left; 
    width: 100%; 
    margin-top: 45px; 
    @include box_sizing; 
} 

body{ 
    background-color: #525252; 
} 

任何人都知道我做錯了嗎？爲什麼在放入landing_page.scss時沒有應用sass或簡單的css？

Answer 1

你想@import部分sass文件。請參閱http://sass-lang.com/guide瞭解部分是如何工作的。

對於您的情況，您應該將landing_page.scss重命名爲_landing_page.scss，並在application.scss文件中執行@import landing_page。