Bower経由でパッケージをインストールする

Question

フロントエンドの新機能ですが、Bower経由でパッケージをインストールする必要があります。 パッケージ：https://github.com/collab-project/videojs-record
すべての依存関係をインストールした後、219.9 MBの依存関係のフォルダが取得されます。このすべてのフォルダは、私のLaravelプロジェクトの/public/videojs-recordディレクトリにあります。したがって、私は.cssと.jsのファイルをパッケージのドキュメントのようにすべて接続することができます。 これらのファイルは私のプロジェクト全体の4倍で、パブリックフォルダに置かれています。それは私のウェブサイトを遅くしてしまいますね。
どうすれば私のプロジェクトの/vendorディレクトリなどのパブリックフォルダから依存関係を移動し、この.cssと.jsファイルを自分のHTMLに接続できますか？

Answer 1

コメントで既に述べたように、Bowerを使用する必要はありません。前記パッケージの文書に記載されているNPMを使用するだけです。

Laravelにはすでにpackage.jsonとwebpack設定が付属しています。フロントエンドの依存関係を追加するための通常の方法は次のとおりです。

1. はLaravelの基本FEがために、パッケージを内蔵

   $ npm install

2. 外部のパッケージをインストールし

   $ npm install videojs-record

3. の依存関係のすべてをインストールします。開発

   依存関係がnode_modulesに保存されます生産

   $ npm run prod

用のパッケージを内蔵ウォッチャー

$ npm run watch

を実行

$ npm run dev

。このフォルダは非常に大きくなる可能性がありますが、GITにコミットしたり、手動でサーバにプッシュしたりしないでください。