一起使用 gulp 和 bower

Question

我觉得使用 Gulp 编译 scss、缩小它、缩小和连接脚本等很舒服。对于安装供应商库，bower 对我来说似乎非常好，因为它是扁平的依赖树。但是当我在本地安装 Gulp 时

npm install gulp

它创建了一个node_modules 文件夹，其中包含许多不同的库，除了 Gulp 本身。所以我想到我实际上不需要凉亭，我可以使用这些库。但是我真的不喜欢 npm 复杂的依赖树。也许，我可以以某种方式只安装 Gulp 本身并仅使用 bower 作为依赖项？ 那么package.json 和bower.json 呢？我真的需要他们两个在项目中，或者他们可能重复彼此的功能？总的来说，我对如何同时使用 bower 和 gulp 感到有些困惑。也许有人可以向我澄清那些时刻？

Answer 1

Gulp 是一个自动化构建工具，你可以通过 nodejs 的包管理器 npm 获得，它用于运行诸如连接、编译 sass 等任务。

Bower 是一个依赖项管理工具，它可以为您的项目获取库及其依赖项。它只做依赖管理。

如何将两者结合使用的一个示例是使用 bower 获取 bootstrap 和 jquery，然后使用 gulp 将相关脚本（jquery.js &bootstrap.js）复制到您的网站资产文件夹。

基本上你会使用 bower 来获取一个库，比如 jquery，然后你会使用 gulp 来缩小你的 jquery 代码。

最后一个示例是，您使用 bower 获取 jquery、bootstrap 和 angularjs，然后使用 gulp 将它们连接到一个文件“vendor.js”中，以将 http 请求保存在您的应用程序中。

希望这些示例能够阐明如何将两者结合使用。