当文档需要application.scss中的文件时，如何在application.css中要求文件

Question

因此，我正在尝试实现“bootstrap-tour”gem。Rails5附带了一个application.scss文件，但是'bootstrap-tour‘gem文档要求将以下代码放入application.css文件中

*= require bootstrap-tour

因此，我创建了一个application.css文件并将代码放在那里，但如果真的弄乱了样式，我会把它放到scss文件中。如果我把上面的代码放在app.scss文件中，我会得到以下错误

couldn't find file 'bootstrap-tour' with type 'text/css'

Gemfile

gem 'carrierwave'
gem 'acts_as_votable', '~> 0.11.1'
gem 'devise', '~> 4.4', '>= 4.4.1'
gem 'will_paginate', '~> 3.1.0'
gem 'bootstrap-sass', '~> 3.4.1'
gem 'flexbox-rails', '~> 1.0'
gem 'rails_12factor'
gem 'bootstrap-tour-rails'

application.scss

 *= require_tree .
 *= require_self
 */

@import "bootstrap-sprockets";
@import "bootstrap";

(And some custom styling here)

Answer 1

这些是链轮处理的“神奇注释”。对css/scss来说，它们只是文件开头的/* */注释块。

你错过了打开/*

/*
*= require 'some_file'
*/

但SCSS/SASS suggests使用@import而不是链轮requires -这样，sass变量和混合将在文件中得到正确处理。