Не могу понять, почему на одном компьютере у меня sass игнорирует @import, а на другом -- ругается на него?

Я новичок в sass... Пытаюсь просто вставить один файл в другой при помощи sass. Я так думаю, она должна интегрировать файлы друг с другом, правильно? По крайней мере, такое впечатление у меня складывается от прочтения доки.

Делаю внешний файл

> cat plugged.scss 
#plugged {
  @import 'content.css';
}

Делаю внутренний файл

> cat content.css 
body {
    background-color: yellow;
}

Запускаю

> sass plugged.scss plugged.css

Я так думал, оно должно слить всё в один файл css. Но на одном компьютере у меня

> sass --version
1.43.4
> cat plugged.css              
#plugged {
  @import 'content.css';
}

Это макбук, на нём sass устанавливал и как brew install sass/sass/sass и как npm -g install sass

То есть, файлы не слились, внешний файл просто без изменений скопировался в css, в результате чего, браузеру дважды придётся запрашивать стиль, что противоречит документации.

На другом компьютере

> sass --version
Sass 3.4.23 (Selective Steve)

и при компилляции вываливается ошибка

Error: CSS import directives may only be used at the root of a document.
        on line 2 of plugged.scss
  Use --trace for backtrace.

То есть, файл вообще не хочет компилироваться.

Но почему? Почему такие разные версии sass? Почему такое разное поведение? Возможно ли вообще добиться того, чтобы файлы сливались? И, если да, то как, куда копать?


Ответы (0 шт):