2016-06-21 11 views
3

私は新しいElectronアプリケーションを作成しています.AppsとSASSのためにFoundationを使用したいと思います。問題は、財団が新しいプロジェクトを作りたいと思っているのです。代わりに、自分の電子財団をnpmで追加するか、必要に応じてbowerを使って財団を追加したいと思っています。電子アプリケーションでFoundationを使用する

これにはどのような方法が最適ですか?

npm依存関係のFoundationサイトをElectronアプリのpackage.jsonに追加しようとしましたが、そこから何をすべきか分かりません。また、Foundation-sites npmパッケージに代わるアプリの基盤がありますか?

答えて

1

最初のステップは、プロジェクトに財団を追加します

npm install foundation-sites --save 

これはあなたnode_modules/foundation-sites/scss/で財団サス(SCSS)ファイルを提供します。これは可能性 -

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

@include foundation-everything 

ビルドプロセスはこれらのサスファイルからCSSを生成する必要があります:

あなたは財団SCSS、のようなものをインポートする必要があるだろう、あなたはscss/app.scssにSCSS特定のプロジェクトを持っているとしましょうGulp、Webpack、Grunt、または単純なnpmスクリプトなどのさまざまなツールを使って行われます。次に、HTMLファイルにCSSを含めます。

Foundationドキュメントでは、SassのGruntサンプルを使用して説明していますが、インストール手順からリンクされていないため、見つかるまでに時間がかかりました。

Foundation for Appsを使いたい場合は、この手順をfoundation-appsパッケージに簡単に適用できます。

関連する問題