Le variabili possono essere utilizzate nelle istruzioni di importazione per i file Sass?

Question

in meno posso fare qualcosa di simile

@basePath:"../../some_crazy_project_path_to_repeat/less/"; 
@import "@{basePath}less.less"; 

Così ho provato a fare la stessa cosa in Sass

$basePath:"../../some_crazy_project_path_to_repeat/less/"; 
@import "${basePath}less.scss"; 
// Syntax error: File to import not found or unreadable: ${basePath}less.scss. 

e

@import "#{basePath}less.scss"; 
// Syntax error: File to import not found or unreadable: #{basePath}less.scss. 

C'è un modo per fare questo in Sass?

Answer 1

Non è possibile utilizzare materiale condizionale per importazioni in SASS.

Provare a creare un'estensione Compass fuori dal progetto.

Answer 2

Non è possibile utilizzare le variabili nei percorsi di importazione come già menzionato. Quello che è può do è utilizzare l'opzione -I o --load-path per specificare una directory da cui cercare.

sass --watch sass/:css/ --load-path ../../path/to/library/ 

Diciamo che avere una struttura di directory simile a questo:

themes 
    hotdog 
     _variables.scss 
    classic 
     _variables.scss 
styles.scss 

tuo styles.scss dovrebbe avere percorsi di importazione che sono relativi al carico-percorso fornito (s):

// note the import here doesn't contain themes, hotdog, or classic 
@import "variables"; 

@debug $foo; 

I tuoi comandi sarebbero simili a questo:

# hotdog 
sass styles.scss hotdog.css --load-path ./themes/hotdog/ 
# classic 
sass styles.scss classic.css --load-path ./themes/classic/ 

Vedere Sass options documentation per ulteriori informazioni.