web-dev-qa-db-ja.com

外部でホストされているファイルをsassでインポートできますか？

Sass（SCSS）/ Compassを使用して、外部でホストされているファイルからコードにCSS/SCSSをインポートすることは可能ですか？

私はCDNでjQueryプラグインをホストしているので、CSSを同じ場所に保持して、失わないようにします。ただし、HTMLに余分なCSSファイルを取り込むのではなく、CSSをコードに取り込み、メインCSS内でコンパイルできるオプションも必要です。これは可能ですか？

sasscompass-sasscdn
28
Chisos Designs

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");
21
RyanNerd

Sassはリモートの場所からファイルをコンパイルしません。ファイルシステム（ローカルハードディスク、共有ネットワークドライブ、マウントされたドライブなど）からすべてのファイルにアクセスできる必要があります。

SassはCSSファイルもまったくコンパイルしません。 https://github.com/nex3/sass/issues/556

@import "my.css";

コンパイルする

@import "my.css";

コンパス拡張 ？に興味があるかもしれません

13
cimmanon

確かにできます。このコンテキストでは、標準のCSS @importルール。 CDNがホストするCSSファイルへのURLを指定するだけです。

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

6
Vince

はい。externalcssファイルをインポートできます PostCSS Import URL Plugin 。外部CSSをコードにプルするため、メインCSS内でコンパイルできます。

2
Ihor Zenich