27

在使用 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 组件的目标？

4

3 回答 3

14

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

如果您坚持这样做，有些繁重的任务可以帮助您将其拆分：

（虽然不推荐）

于 2013-04-17T09:38:10.873 回答
13

有一个名为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等

于 2014-02-16T23:14:25.877 回答
0

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

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

app/
  scripts/
    .bowerrc
  styles/
    .bowerrc
tests/
  .bowerrc
于 2013-12-06T22:37:28.180 回答