通過Bower安裝軟件包

Question

我是前端技術的新手，但我需要通過Bower安裝軟件包。 這是軟件包： https : //github.com/collab-project/videojs-record
問題是，在安裝所有依賴項之后，我將獲得一個包含219.9 MB依賴項的文件夾，依此類推。 所有這些文件夾都位於我的Laravel項目的/public/videojs-record目錄中。 因此，我可以像包裝文檔中那樣連接所有.css和.js文件。 這些文件比我的整個項目大4倍，它們位於公共文件夾中，這會使我的網站變慢，是嗎？
如何將該依賴關系移出公用文件夾（例如，在項目的/vendor目錄中），並在HTML中連接此.css和.js文件？

Answer 1

正如評論中已經提到的那樣，無需使用Bower。 只需使用上述軟件包文檔中提到的NPM。

Laravel已經帶有package.json和webpack配置。 添加前端依賴項的通常方法是：

1. 安裝所有Laravel基本fe依賴項

   $ npm install

2. 安裝外部套件

   $ npm install videojs-record

3. 構建開發包

   $ npm run dev

   運行觀察者

   $ npm run watch

   構建用於生產的包裝

   $ npm run prod

依賴關系將存儲在node_modules 。 該文件夾可能會非常大，但是您不會將其提交到GIT或將其手動推送到服務器。