node.js - エレクトロンアプリにtwitterブートストラップを適切に含める方法は?

Question

これは、クイック スタート アプリに基づく私の最初の電子アプリです。twitter ブートストラップの css を追加したい。だから私はこのようにそれをインストールしました：

npm install bootstrap

そして、次のように index.html に含めます。

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

私が実行すると：npm startターミナルから正常に動作します。ただし、次のように electron-packager を使用してビルドしようとすると:

npm run build

ネイティブの Mac アプリ「myApp.app」を取得しましたが、開いたときにスタイルが表示されません。

node_modulesおよびを除くアプリケーション内の唯一のファイルは次のpackage.jsonとおりです。main.jsおよびindex.html両方ともルートディレクトリにあります。

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

編集

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

Answer 1

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

npm install ブートストラップ --save

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

また、次の行が機能することに驚いています。

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

しかし、index.html ファイルが app ディレクトリにない別のフォルダー構造を使用している可能性がありますか?