将Bower组件安装到两个不同的目录中?

使用CSS和JS组件时,是否有可能甚至将它们安装到其他目​​录?

.
|-- app
    |-- scripts
        |-- components           # js components go here
            |-- backbone-amd
            |-- etc
    |-- styles
        |-- modules
        |-- partials
        |-- components           # sass components go here
            |-- normalize.scss
            |-- etc

组织这样组织的项目的最有效方法是什么?是否有一个很好的Grunt任务来实现为开发环境集成Bower安装的sass组件的目标?

JinJin2020/03/23 11:47:22

也许您可以将.bowerrc文件放在不同的目录中,您可以在其中配置"directory"键以指向Bower组件目录。

但是,您需要cd先更正目录bower install whatever

app/
  scripts/
    .bowerrc
  styles/
    .bowerrc
tests/
  .bowerrc
DavaidTony宝儿2020/03/23 11:47:22

Bower需要跟踪安装的每个组件。如果将它们分散在多个位置,那将非常困难。对于Sass开发,只需将components文件夹放在Sass搜索路径中。


如果您坚持要这样做,有一些艰巨的任务可以帮助您分解:

(尽管不推荐)

LGil2020/03/23 11:47:22

有一个称为bower-installer的节点程序包,它提供一个命令来管理备用安装路径。

npm install -g bower-installer

设置你的bower.json

{
  "name" : "test",
  "version": "0.1",
  "dependencies" : {
    "jquery-ui" : "latest"
  },
  "install" : {
    "path" : {
      "css": "src/css",
      "js": "src/js"
    },
    "sources" : {
      "jquery-ui" : [
        "components/jquery-ui/ui/jquery-ui.custom.js",
        "components/jquery-ui/themes/start/jquery-ui.css"
      ]
    }
  }
}

然后运行bower-installer命令。

这将安装components/jquery-ui/themes/start/jquery-ui.css./src/css,等等