通过Bower安装软件包

Question

我是前端技术的新手，但我需要通过Bower安装一个软件包。这是一个包：https://github.com/collab-project/videojs-record

问题是，在安装了所有依赖项之后，我获得了一个包含219.9 MB依赖项的文件夹，依此类推。所有这些文件夹都位于我的Laravel项目的/public/videojs-record目录中。因此，我可以连接包文档中的所有.css和.js文件。这些文件比我的整个项目大4倍，它们位于公用文件夹中，这必须减慢我的网站速度，是吗？

如何将该依赖项从公用文件夹中移出，例如在我的项目的/vendor目录中，并连接.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或手动将其推到服务器上。