web-dev-qa-db-ja.com

Twitter bootstrapをelectronアプリに適切に含める方法は?

これは、クイックスタートアプリに基づいた私の最初のエレクトロンアプリです。 TwitterブートストラップのCSSを追加したい。だから私はそれを次のようにインストールしました:

npm install bootstrap

そして、このようにindex.htmlに含まれています:

<link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.min.css">

ターミナルからnpm startを実行すると、正常に動作します。ただし、次のような電子パッケージャーを使用してビルドしようとすると、次のようになります。

npm run build

ネイティブMacアプリ「myApp.app」を入手しましたが、開くとスタイルが表示されません。

node_modulespackage.jsonを除くアプリケーション内の唯一のファイルは、main.jsindex.htmlであり、どちらもルートディレクトリにあります。

私が欠けているステップはここにありますか?

編集

アプリケーションがResouces/appディレクトリでcssファイルを探していることに気づきました。 cssファイルを含めるのはビルドツールの責任ですか、それとも手動で含める必要がありますか?これを処理する必要がある場合、npmからbootstrapをインストールする必要がありましたか?

8
Lamar

package.jsonファイルを確認してください:bootstrapは依存関係としてリストされていますか?おそらく、--saveパラメータを使用しているようには見えないためではありません。

npm install bootstrap --save

私はエレクトロンのヒーローではありません。現在、fs-jetpackを使用してプロジェクトに取り組んでいます。 fs-jetpackからproject.jsonエントリを削除し、electron-packagerを使用してOSXビルドを実行しました。起動時に、「fs-jetpack」が見つからないというスクリプトエラーが発生しました。これから、パッケージャーは「package.json」を使用して何を含めるかを判断していると結論付けます。間違っている可能性がありますか?「-Prune = true」がありますパッケージャパラメータの1つとして。多分それなしでそれはすべてを含みますか?

また、私はこの行があなたのために働くことに驚いています:

<link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.min.css">

しかし、おそらくあなたはindex.htmlファイルがappディレクトリにない別のフォルダ構造を使用していますか?

enter image description here

10
No Grabbing