概述
我很喜欢新的Angular 2 CLI,我成功地将我的旧前端结构迁移到了它上面。但是,我在使用Susy (http://susy.oddbird.net/)时遇到了一些问题。这是一个安装的gem,可以用作mixin。
我以为可能是我使用mixin的方式有问题,但我尝试了自定义mixin,它却可以正常工作。
所以我做了以下操作:
安装
安装GEM:
gem install susy
NPM安装:
npm install susy sass-loader --save-dev
在.src/styles.scss中导入susy:
@import "~susy/sass/susy";
在.src/app/app.component.scss中引入:
@include container;
当我运行ng serve
时,会出现以下错误:
ERROR in ./src/app/app.component.scss
Module build failed:
@include container;
^
No mixin named container
Backtrace:
stdin:2
in /Users/allie.munro/Desktop/angular-cli/src/app/app.component.scss (line 2, column 11)
@ ./src/app/app.component.ts 19:21-52
@ ./src/app/app.module.ts
@ ./src/main.ts
@ multi webpack-dev-server/client?http://localhost:4200/ ./src/main.ts
问题
有没有人在安装 Susy 到 Angular2 CLI 时发现了我的错误或遗漏?文档中确实说要修改 webpack 文件,但这并没有包含在 ng new appname
提供的文件夹结构中。我确定我可以在 node_modules 文件夹中找到它,但对我来说这似乎不是最佳实践。