node.js - 在 Angular 2 种子中集成 susy 支持

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

在你的 sass 中，将路径更正为 susy。

可能是

@import "~susy/sass/susy";

Susy install Guide suggests to use 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";