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

Question

我试图将zurb-foundation 6包含在一个运行grunt的自然生成项目中。使用bower install foundation-sites --save添加以下文件：

1. 在app / index.html <script src="bower_components/what-input/what-input.js"></script>和
上
2. 在app / styles / 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