css - 如何从Rails的application.scss加载中排除.css文件？

Question

我有YooTheme和Bootstrap，它们互相干扰。设计师将YooTheme用于主页，而我没有时间翻译它。如何只为索引页包括yootheme.css，并在其他地方从标题中排除它？我有application.haml-布局

/ UIkit CSS
-# %link{:rel => "stylesheet", :href => "https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.0-beta.30/css/uikit.min.css"}/
%link{:rel => "stylesheet", :crossorigin => "anonymous", :href => "https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css", :integrity => "sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ"}/
= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track': 'reload' 

application.scss

 *= require_tree .
 *= require_self

app/assets/stylesheets/yootheme.cssindex.haml

=stylesheet_link_tag 'yootheme.css', media: :all

Answer 1

您可以使用 sprockets#stub 和文件名排除在application.css文件中，以防止其加载:

*= stub yootheme.css

然后要手动合并，您必须将文件添加到assets.rb中，重新启动服务器，然后使用stylesheet_link_tag帮助程序自行加载文件:

# config/initializers/assets.rb
# Rails.application.config.assets.precompile += %w( yootheme.css )

# view
= stylesheet_link_tag 'yootheme.css', media: :all