将新的 zurb foundation 6 与 yeoman / grunt 一起使用
Using new zurb foundation 6 with yeoman / grunt
我正在尝试将 zurb-foundation 6 包含到 yeoman 生成的项目 运行 grunt 中。使用 bower install foundation-sites --save 添加以下文件：
- 关于 app/index.html
<script src="bower_components/what-input/what-input.js"></script> 和
- 关于 app/styles/main.scss
@import "foundation-sites/scss/foundation.scss";
结果 main.css 不包含 zurb-foundation 的所有代码。
- 如何将所有必需的文件从 foundation 添加到 main.css？
- 如何将基础初始化到站点中？
以上应该使用 grunt 或 gulp 完成，所以我不必为每个项目手动编写代码。
你应该
@import foundation-sites/foundation-sites.scss
代替
@import "foundation-sites/scss/foundation.scss";
或
@import foundation-sites/scss/foundation.scss
并在 main.scss 文件中添加 @include foundation-everything;。
检查这个以获得进一步的解释：
我正在尝试将 zurb-foundation 6 包含到 yeoman 生成的项目 运行 grunt 中。使用 bower install foundation-sites --save 添加以下文件：
- 关于 app/index.html
<script src="bower_components/what-input/what-input.js"></script>和 - 关于 app/styles/main.scss
@import "foundation-sites/scss/foundation.scss";
结果 main.css 不包含 zurb-foundation 的所有代码。
- 如何将所有必需的文件从 foundation 添加到 main.css？
- 如何将基础初始化到站点中？
以上应该使用 grunt 或 gulp 完成，所以我不必为每个项目手动编写代码。
你应该
@import foundation-sites/foundation-sites.scss
代替
@import "foundation-sites/scss/foundation.scss";
或
@import foundation-sites/scss/foundation.scss
并在 main.scss 文件中添加 @include foundation-everything;。
检查这个以获得进一步的解释：