web-dev-qa-db-ja.com

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

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

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

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