将Susy Suport整合到Anglar2种子中

Question

我已经在 angular2 种子 （https://github.com/mgechev/angular2-seed） 中集成了 sass 支持，并且还安装了 susy 表单 npm（npm install susy --save-dev） 但是当我导入 susy 表单 .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

谁能引导我，我做错了什么？

Answer 1

在你的屁股里，纠正路径到苏西。

可能是

@import "~susy/sass/susy";

Susy 安装指南建议使用 bower 并使用相对路径。

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

但是没有理由你不能使用npm安装的susy的路径：

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

如果您采用此方法，则此文件相对于您的 sass 文件，因此它可能类似于

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