Question

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

project
  |----client
   | ---client-template //All UI code like .css/htmls and node process initiates from here
   | ---client-angular // All the directives and controllers goes here
   | ---client-service //Service layer, All the API call to server goes here
  |----server
   | ---server API's // separated by its own module if any 
     |--- you API modules and so on..

因此，我创建了一个application.css文件，并将代码放在此处，但是如果确实与样式混淆，则将其放在scss文件中。如果将上面的代码放入app.scss文件中，则会出现以下错误

*= require bootstrap-tour

宝石文件

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

application.scss

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'

Answer 1

这些是链轮处理的“魔术注释”。对于CSS / CSS，它们只是文件开头的/* */注释块。

您没有打开/*：

/*
*= require 'some_file'
*/

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

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

1 个答案: