gruntjs - 将新的 zurb Foundation 6 与 yeoman / grunt 一起使用

Question

我正在尝试将 zurb-foundation 6 包含到运行 grunt 的 yeoman 生成的项目中。使用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 并添加@include foundation-everything;您的 main.scss 文件。

检查这个以获得进一步的解释： Gulp-sass not compile Foundation 6 proper