javascript - 如何在竖琴中包含 bower 组件

Question

我在 Harp 中有一个具有以下标准目录结构的项目:

(突出显示的部分在我的 git 中，bower_components 和 www 应该在安装/编译时创建)。

当我安装一个新的 Bower 组件时，我可以轻松地将其 css 包含在我的 Less 中，例如

@import "../../bower_components/some-component/stuff";

但是使用 javascript(或其他静态 Assets ，就此而言)的“正确”方式是什么？当然，我可以简单地复制它们，例如

cp bower_components/some-jquery-plugin/plugin.js public/js/plugin.js

这是what people actually do ，但我正在寻找更好的东西。理想情况下，我想完全避免 makefiles/gruntfiles，并且能够仅使用 bower install 来初始化我的项目:

   git clone myproject // this will create public/ and bower/harp.json
   cd myproject
   bower install       // this populates bower_components
   harp server/compile // just works...

换句话说，我想以某种方式从 public 目录中引用驻留在 bower_components 中的静态 Assets 。符号链接(symbolic link)不是一个选项，因为 harp compile 不解析符号链接(symbolic link)。

Answer 1

快速而肮脏的解决方案是调整 .bowerrc更改安装 Bower 组件的默认目录的设置。

.bowerrc

{
  "directory": "public/js/bower"
  ...
}

现在 bower install 命令会将这些依赖项直接放入您的 public/js/bower 目录中。

优点:它是您的 .bowerrc

中的快速“单行代码”

缺点:这些依赖项的所有源文件都会公开部署，除非您有一个部署脚本来清除不必要的文件。话又说回来，如果它们都是您正在使用的开源项目，那么那些额外的文件是否位于您的 Web 服务器上真的无关紧要。