Verwenden von Foundation in einer Electron-App

Question

Ich erstelle eine neue Electron-App und möchte Foundation für Apps und SASS damit verwenden. Das Problem ist, dass die Foundation möchte, dass ich ein neues Projekt erstelle, wo ich stattdessen lieber mein Elektron über npm oder sogar bower bei Bedarf hinzufügen würde.

Was ist der beste Ansatz dafür?

Ich habe erfolgreich versucht, Foundation-Sites als npm Abhängigkeit zu meiner Electron App package.json hinzuzufügen, aber ich bin mir nicht sicher, was ich von dort tun soll. Gibt es auch eine Foundation für Apps Alternative zu den Foundation-Sites npm Paket?

Answer 1

Der erste Schritt ist das Hinzufügen Stiftung zum Projekt hinzu:

npm install foundation-sites --save 

Dies gibt Ihnen die Stiftung Sass (SCSS) Dateien in node_modules/foundation-sites/scss/.

Angenommen, Sie projektspezifische SCSS haben in scss/app.scss, würden Sie dann Foundation SCSS importieren müssen, so etwas wie:

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

@include foundation-everything 

Ihr Build-Prozess müssen CSS aus diesen Sass-Dateien generieren - das könnte erledigt mit verschiedenen Werkzeugen wie Gulp, Webpack, Grunt oder einfachen npm-Skripten. Fügen Sie dann einfach das CSS in die HTML-Dateien ein.

Die Foundation-Dokumentation deckt dies unter Verwendung eines Grunt-Beispiels unter Sass ab, aber ich brauchte eine Weile, um es zu finden, da es nicht mit den Installationsanweisungen verknüpft ist.

Wenn Sie Foundation for Apps bevorzugen, können diese Anweisungen leicht für das foundation-apps-Paket angepasst werden.