你必须在要包含的css文件前加上一个下划线，并将其扩展名切换为scss(例如:_yourfile.scss)。那么你只需要这样称呼它:

@import "yourfile";

它将包含文件的内容，而不是使用CSS标准的@import指令。

好消息，Chris Eppstein创建了一个带有内联css导入功能的compass插件:

https://github.com/chriseppstein/sass-css-importer

现在，导入CSS文件就像这样简单:

@import "CSS:library/some_css_file"

在撰写本文时，这似乎还没有实现:

https://github.com/sass/sass/issues/193

对于libsass (C/ c++实现)，import对*.css的作用与对*的作用相同。SCSS文件-只需省略扩展名:

@import "path/to/file";

这将导入路径/到/file.css。

更多细节请看这个答案。

参见Ruby实现的答案(sass gem)

将css文件导入到scss中只需使用this: @ import“src / your_file_path”; 没有在结尾使用扩展名.css

简单的解决方案:

所有或几乎所有的css文件也可以被解释为scss。它还允许在块中导入它们。重命名css为scss，然后导入。

在我的实际配置中，我这样做:

首先，我将.css文件复制到一个临时文件中，这次扩展名为.scss。Grunt配置示例:

copy: {
    dev: {
        files: [
            {
                src: "node_modules/some_module/some_precompiled.css",
                dest: "target/resources/some_module_styles.scss"
            }
        ]
    }
}

然后你可以从你的父scss导入.scss文件(在我的例子中，它甚至被导入到一个块中):

my-selector {
  @import "target/resources/some_module_styles.scss";
  ...other rules...
}

注意:这可能是危险的，因为它将有效地导致css将被解析多次。检查您的原始css是否包含任何可解释性css构件(这是不可能的，但如果发生了，结果将很难调试和危险)。

我可以确认这是有效的:

class CSSImporter < Sass::Importers::Filesystem
  def extensions
    super.merge('css' => :scss)
  end
end

view_context = ActionView::Base.new
css = Sass::Engine.new(
  template,
  syntax:     :scss,
  cache:      false,
  load_paths: Rails.application.assets.paths,
  read_cache: false,
  filesystem_importer: CSSImporter # Relevant option,

  sprockets:  {
    context:     view_context,
    environment: Rails.application.assets
  }
).render

克里斯·爱泼斯坦: https://github.com/sass/sass/issues/193