與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