通过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. 构建开发包

   $ npm run dev

   运行观察者

   $ npm run watch

   构建生产包

   $ npm run prod

依赖关系将存储在node_modules中。此文件夹可能会变得非常庞大，但您不会将其提交给GIT或手动将其推送到服务器。