在电子应用中使用基础 我正在创建一个新的电子应用程序,我想使用Apple和SASS的基础。问题是基金会要我创建一个新的项目,而我宁愿通过“代码> NPM < /代码>添加基础,或者在必要时使用 Buver < /代码>。

在电子应用中使用基础 我正在创建一个新的电子应用程序,我想使用Apple和SASS的基础。问题是基金会要我创建一个新的项目,而我宁愿通过“代码> NPM < /代码>添加基础,或者在必要时使用 Buver < /代码>。,npm,zurb-foundation,electron,package.json,Npm,Zurb Foundation,Electron,Package.json,最好的方法是什么 我已经成功地尝试将基础站点作为npm依赖项添加到我的Electron应用程序的package.json中,但我不确定接下来该怎么做。也有一个基础的应用程序替代基础网站“代码> NPM < /代码>包?中的基础SASS文件(SCSS)。 让我们假设在代码> SCSS/APP.SCSS中有项目特定的SCS,那么你需要导入基础SCS,比如: @import 'node_modules/foundation-sites/scss/foundation.scss'; @include

最好的方法是什么


我已经成功地尝试将基础站点作为
npm
依赖项添加到我的Electron应用程序的
package.json
中,但我不确定接下来该怎么做。也有一个基础的应用程序替代基础网站“代码> NPM < /代码>包?<第一步是为你的项目增加基础:

npm install foundation-sites --save

这给了您在<代码> NoDEYMease/BaseStudio/SCSs/ < /P>中的基础SASS文件(SCSS)。

让我们假设在代码> SCSS/APP.SCSS中有项目特定的SCS,那么你需要导入基础SCS,比如:

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

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

基金会文档使用了一个Grutt例子来覆盖这一点,但我花了很长时间才找到它,因为它与安装说明没有联系。


如果你更喜欢使用Apple为应用程序,这些指令可以很容易地适应<代码>基础应用程序包。

快速注释:<代码>基础应用程序< /代码>。引述自述:“我们已经做出决定,简化我们的发展,并将应用程序的基础转移到我们的实验场地,集中在网站的基础上。”