Posso importar um arquivo hospedado externamente com sass?

Usando o Sass (SCSS) / Compass, é possível importar alguns CSS / SCSS em seu código de um arquivo hospedado externamente?

Estou hospedando um plugin jQuery em um CDN e quero manter o CSS no mesmo local para que eu não o perca. No entanto, eu também gostaria de ter a opção de ser capaz de puxar o CSS para o meu código e tê-lo compilar dentro do meu CSS principal ao invés de puxar um arquivo CSS extra no meu HTML. Isso é possível?

O Sass não irá compilar nenhum arquivo de um local remoto , todos os arquivos devem estar acessíveis a partir do sistema de arquivos (disco rígido local, unidade de rede compartilhada, unidade montada, etc.).

O Sass também não compila arquivos CSS . https://github.com/nex3/sass/issues/556

@import "my.css"; 

Compila para

 @import "my.css"; 

Talvez você esteja interessado em extensões Compass ?

Você com certeza pode. Nesse contexto, ele funciona exatamente como a regra CSS @import padrão. Basta dar uma URL para o arquivo CSS hospedado por CDN.

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

Para aqueles de vocês que vieram aqui procurando uma maneira de importar um CDN como um @import sass, encontrei a resposta aqui: https://github.com/webpack-contrib/sass-loader/issues/246

É assim que você faz isso (usando o bootstrap como exemplo):

styles.scss

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

Sim, você pode importar um arquivo css externo usando o Plug-in de URL de importação do PostCSS . Ele irá puxar o CSS externo para o seu código, então você pode compilá-lo dentro do seu CSS principal.