通过 Bower 安装包答案

【问题标题】：Install packages via Bower通过 Bower 安装包
【发布时间】：2018-05-26 07:38:09
【问题描述】：

我是前端技术的新手，但我需要通过 Bower 安装一个包。这是包裹：https://github.com/collab-project/videojs-record
问题是，在我安装了所有依赖项之后，我获得了一个包含 219.9 MB 依赖项的文件夹，依此类推。所有这些文件夹都位于我的 Laravel 项目的 /public/videojs-record 目录中。所以，我可以连接所有.css 和.js 文件，就像在包的文档中一样。这些文件比我的整个项目大 4 倍，并且它们位于公共文件夹中，这不得不减慢我的网站速度，是吗？
如何将该依赖项移出公共文件夹，例如在我的项目的 /vendor 目录中，并在我的 HTML 中连接此 .css 和 .js 文件？

【问题讨论】：

首先，为什么是 Bower？这个包也支持 NPM。其次，这些文件不会减慢您的网站速度——它们主要用于开发用途，可能包括测试套件、示例视频等。第三，这通常是通过使用 Webpack 之类的东西来处理的必要并将其打包成您公开使用的“构建”。
所以，现在它们在我的 /public/videojs-record 目录中，在 HTML 中我像我可以以某种方式将所有这些文件夹移动到其他目录中，而不是公开的吗？如果是，从公用文件夹中移出这些文件后，如何指示该文件的正确路径？
@ceejayoz Bower，因为我发现它更好，它只解决前端依赖项并准确下载它需要的东西（来自不同的比较帖子和关于 stackoverflow 和文档的问题）
在所有研究中，您没有发现even Bower doesn't recommend Bower these days？ “您可能已经注意到，我们开始推荐 Yarn 作为 Bower 的替代方案，用于新的前端项目。”
物有所值，Laravel's docs also recommend/default to using NPM for frontend dependencies。

标签： node.js laravel npm bower

【解决方案1】：

正如 cmets 中已经提到的，没有必要使用 Bower。只需使用该软件包文档中提到的 NPM。

Laravel 已经带有一个 package.json 和一个 webpack 配置。添加前端依赖的正常方式是：

安装所有 Laravel 基本 fe 依赖项

$ npm install
安装外部包

$ npm install videojs-record
为开发构建包

$ npm run dev

运行观察者

$ npm run watch

为生产构建软件包

$ npm run prod

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

【讨论】：