sintaxis - ¿Puedo importar un archivo alojado externamente con sass?

sass import variables

Question

Usando Sass (SCSS) / Compass, ¿es posible importar algo de CSS / SCSS en su código desde un archivo alojado externamente?

Estoy alojando un complemento jQuery en un CDN y quiero mantener el CSS en la misma ubicación para no perderlo. Sin embargo, también me gustaría tener la opción de poder incluir el CSS en mi código y compilarlo dentro de mi CSS principal en lugar de incluir un archivo CSS adicional en mi HTML. es posible?

Answer 1

Sí, puede importar un archivo css externo utilizando el complemento de URL de importación de PostCSS . Llevará el CSS externo a su código, por lo que podría compilarlo dentro de su CSS principal.

Answer 2

Seguro que puedes. En este contexto, funciona exactamente como la regla de @import CSS estándar. Solo dale una URL al archivo CSS alojado en CDN.

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

Answer 3

Sass no compilará ningún archivo desde una ubicación remota , todos los archivos deben ser accesibles desde el sistema de archivos (disco duro local, unidad de red compartida, unidad montada, etc.).

Sass tampoco compila archivos CSS en absoluto . https://github.com/nex3/sass/issues/556

@import "my.css";

Compila a

@import "my.css";

Tal vez usted podría estar interesado en las extensiones de Compass ?

Answer 4

Para aquellos de ustedes que vinieron aquí en busca de una manera de importar un CDN como un gran @import , encontré la respuesta aquí: https://github.com/webpack-contrib/sass-loader/issues/246

Así es como lo haces (usando bootstrap como ejemplo):

styles.scss

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