npm - 在 Electron 应用程序中使用 Foundation

Question

我正在创建一个新的 Electron 应用程序，我想将 Foundation 用于应用程序，并将其与 SASS 一起使用。问题是 Foundation 希望我创建一个新项目，而我宁愿通过 npm 添加 Foundation my electron甚至使用 bower如有必要。

最好的方法是什么？

我已成功尝试将 Foundation-sites 添加为 npm依赖于我的 Electron 应用程序 package.json但我不知道该怎么做。还有一个 Foundation for Applications 替代 Foundation-sites npm包裹？

Answer 1

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

npm install foundation-sites --save

这为您提供了 node_modules/foundation-sites/scss/ 中的 Foundation Sass (SCSS) 文件.

假设您在 scss/app.scss 中有项目特定的 SCSS ，然后您需要导入 Foundation SCSS，例如:

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

@include foundation-everything

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

Foundation 文档确实使用 Grunt 示例涵盖了这一点，位于 Sass 下。 ，但我花了一段时间才找到它，因为它没有从安装说明中链接到。

如果您更喜欢使用 Foundation for Apps，这些说明可以很容易地适用于 foundation-apps包裹。