在电子应用程序中使用Foundation

Question

我正在创建一个新的Electron应用程序,我想使用Foundation for apps和SASS.问题是,基金会希望我创建一个新项目,而我宁愿通过npm甚至使用bower必要时添加基金会我的电子.

对此最好的方法是什么？

我已成功尝试将Foundation-sites添加npm为我的Electron应用程序的依赖项,package.json但我不确定该怎么做.还有一个替代Foundation-sites npm包的应用程序的基础吗？

Answer 1

第一步是将Foundation添加到您的项目中:

npm install foundation-sites --save

这为您提供了基础Sass(SCSS)文件node_modules/foundation-sites/scss/.

假设你有项目特定的SCSS scss/app.scss,你需要导入Foundation SCSS,例如:

@import 'node_modules/foundation-sites/scss/foundation.scss';

@include foundation-everything

您的构建过程需要从这些Sass文件生成CSS - 这可以通过各种工具完成,例如Gulp,Webpack,Grunt或简单的npm脚本.然后只需将CSS包含在HTML文件中.

基础文档确实在Sass下使用Grunt示例来解决这个问题,但是我花了一段时间才找到它,因为它没有从安装说明中链接到.

如果您更喜欢使用Foundation for Apps,这些说明可以轻松地适应foundation-apps包.