通过 Bower 安装包

Question

我是前端技术的新手，但我需要通过 Bower 安装一个包。 这是包裹：https://github.com/collab-project/videojs-record
事情是，在我安装了所有依赖项之后，我获得了一个包含 219.9 MB 依赖项的文件夹等等。所有这些文件夹都位于我的 Laravel 项目的 /public/videojs-record 目录中。所以，我可以连接所有 .css 和 .js 文件，就像在包的文档中一样。 这些文件比我的整个项目大 4 倍，它们位于 public 文件夹中，这会降低我的网站速度，是吗？
如何将依赖项移出 public 文件夹，例如在我项目的 /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 或手动将其推送到服务器。