与yeoman/grunt一起使用新的zurb基础6

Question

我想将zurb-foundation 6包含到yeoman生成的项目中运行grunt。使用bower install foundation-sites --save增加了以下文件：

1. 在应用程序/ index.html的<script src="bower_components/what-input/what-input.js"></script>和应用程序/风格
2. /main.scss @import "foundation-sites/scss/foundation.scss";

所得的main.css不包含所有zurb-foundation的代码。

• 如何将基础所需的所有文件添加到main.css中？
• 如何初始化基础到网站中？

上面应该使用grunt或gulp完成，所以我不必手动编写每个项目的代码。

Answer 1

你应该 @import foundation-sites/foundation-sites.scss 而不是 @import "foundation-sites/scss/foundation.scss";

或

@import foundation-sites/scss/foundation.scss 并在main.scss文件中添加@include foundation-everything;。

检查本作进一步的解释： Gulp-sass not compiling Foundation 6 properly