application.scss的正确语法

Question

Rails 5.1

在我的Gemflie中，我有以下内容：

gem 'sass-rails', '~> 5.0'

我想在我的应用程序中只使用Sass。当我生成应用程序时，我在application.css文件中有以下内容：

/*
 *= require_tree .
 *= require_self
*/ 

我将application.css复制到application.scss并删除了application.css

我是否需要在application.scss中保留这些行，或者我应该在application.scss中使用以下石灰替换它们：

@import "global";

Answer 1

你是对的，你应该将 require 语句替换为 @import 。以下是样本一，

@import 'bootstrap-sprockets';
@import 'bootstrap';
@import 'bootstrap_include';
@import 'dataTables/bootstrap/3/jquery.dataTables.bootstrap';
@import 'jquery-ui/core';
@import 'jquery-ui/theme';
@import 'datepicker';

因此，您应该能够在scss文件中使用预定义的sass变量。