48

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

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

4

5 回答 5

50

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

这就是你的做法（以引导程序为例）：

styles.scss

@import url(https://maxcdn.bootstrapcdn.com/bootstrap/latest/css/bootstrap.min.css);
于 2018-02-05T17:20:56.800 回答
19

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

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

@import "my.css";

编译为

@import "my.css";

也许您可能对Compass 扩展感兴趣？

于 2013-06-05T18:51:53.137 回答
7

你当然可以。@import在这种情况下，它的工作原理与标准 CSS规则完全相同。只需给它一个指向 CDN 托管的 CSS 文件的 URL。

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

于 2014-03-11T22:18:19.930 回答
2

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

于 2017-08-30T10:04:59.690 回答
2 
  @import url("http://fonts.googleapis.com/css?family=#{$family}");

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

    @import "主题.css";

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

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

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

    @import url(theme);

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

    @import“风景”屏幕和（方向：风景）；

于 2021-07-16T23:06:58.637 回答