我可以使用sass导入外部托管文件吗？

Question

使用Sass（SCSS）/ Compass，是否可以从外部托管文件中将一些CSS / SCSS导入到您的代码中？

我在CDN上托管一个jQuery插件，并希望将CSS保留在同一位置，这样我就不会丢失它。但是，我也希望能够将CSS拉入我的代码并让它在我的主CSS中编译，而不是在我的HTML中添加额外的CSS文件。这可能吗？

Answer 1

对于那些来到这里寻找导入CDN作为sass @import的方式的人，我在这里找到答案：https://github.com/webpack-contrib/sass-loader/issues/246

这是你如何做到的（以bootstrap为例）：

styles.scss

@import url("https://maxcdn.bootstrapcdn.com/bootstrap/latest/css/bootstrap.min.css");

Answer 2

Sass不会编译远程位置的任何文件，所有文件都必须可以从文件系统（本地硬盘，共享网络驱动器，已安装的驱动器等）访问。

Sass也根本不编译CSS文件。 https://github.com/nex3/sass/issues/556

@import "my.css";

编译到

@import "my.css";

也许您可能对Compass extensions感兴趣？

Answer 3

你确定可以。在此上下文中，它与标准CSS @import规则完全相同。只需给它一个指向CDN托管的CSS文件的URL。

http://sass-lang.com/documentation/file.SASS_REFERENCE.html#import

Answer 4

是的，您可以使用PostCSS Import URL Plugin导入外部 css文件。它会将外部CSS拉入您的代码中，因此您可以在主CSS中编译它。

Answer 5

  @import url("http://fonts.googleapis.com/css?family=#{$family}");

1. 导入 URL 以 .css 结尾的位置。

   @import "theme.css";

2. 导入 URL 以 http:// 或 https:// 开头的位置。

   @import "http://fonts.googleapis.com/css?family=Droid+Sans";

3. 导入 URL 写成 url() 的位置。

   @import url(theme);
   

4. 具有媒体查询的导入。

   @import "landscape" screen and (orientation: Landscape);