интеграция Susy Support в Anglar2 Seed

Я интегрировал поддержку sass в семя angular2 (https://github.com/mgechev/angular2-seed), а также установил susy form npm (npm install susy --save-dev), но когда я импортировал файл susy form .scss, он выдает следующие ошибки

[13:01:16] Starting 'build.html_scss'...
Error in plugin 'sass'
Message:
    src/client/css/main.scss
Error: File to import not found or unreadable: ~susy
       Parent style sheet: /home/jorin/WebStormWorkSpace/nylndaUI/src/client/css/main.scss
        on line 1 of src/client/css/main.scss
>> @import "~susy";
   ^

[13:01:16] Finished 'build.html_scss' after 218 ms

Кто-нибудь, кто может направить меня, что я делаю неправильно?


node.js angular gulp-sass susy
person Jorin    schedule 26.05.2016    source источник
comment
Возможный дубликат Файл для импорта не найден или нечитаем: susy   -  person Benson    schedule 26.05.2016
comment
Возможно, вам придется установить susy как драгоценный камень. См. stackoverflow.com /вопросы/13022956/   -  person Benson    schedule 26.05.2016
comment
настройка susy для работы с файлом config.rb, и компас работает нормально, но я пытаюсь понять, как я могу использовать susy с системой сборки на основе gulp, которая использует gulp-sass для загрузки susy (как я предполагаю) и использует систему susy gird в моем проекте   -  person Jorin    schedule 26.05.2016

Ответы (1)


arrow_upward
3
arrow_downward

В своем sass исправьте путь к susy.

Возможно

@import "~susy/sass/susy";

Руководство по установке Susy предлагает использовать bower и использовать относительный путь.

bower install susy --save
@import "../bower_components/susy/sass/susy";

Но нет никаких причин, по которым вы не могли бы использовать путь к вашему susy, установленному с помощью npm:

@import "../node_modules/susy/sass/susy";

Если вы используете этот метод, этот файл относится к вашему файлу sass, поэтому это может быть что-то вроде

@import "../../../../node_modules/susy/sass/susy";
person Benson    schedule 26.05.2016