481

我正在制作一个使用来自 twitter 的 bower 的新项目。我创建了一个component.json来维护我所有的依赖项，比如 jquery。然后我运行bower install它将所有内容安装在一个名为components. 但我需要将组件安装在不同的文件夹中，例如public/components.

我尝试将 components.json 编辑为：

{
  "name": "test",
  "version": "1.0.0",
  "directory": "public/",
  "dependencies": {
    "jquery": "*"
  }
}

或者：

{
  "name": "test",
  "version": "1.0.0",
  "componentsDirectory": "public/",
  "dependencies": {
    "jquery": "*"
  }
}

如https://github.com/twitter/bower/pull/94所示，但它不起作用。

4

6 回答 6

931

在项目根目录（而不是您的主目录）中创建一个Bower 配置文件，其内容为：.bowerrc

{
  "directory" : "public/components"
}

再跑bower install。

于 2012-12-29T10:00:40.543 回答
76

除了编辑.bowerrc以设置默认安装路径外，您还可以为不同的文件类型设置自定义安装路径。

有一个名为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:19:05.767 回答
64

我在我的 Windows 10 上遇到了同样的问题。这就是解决我的问题的原因

  1. bower_components在您的根文件夹中删除
  2. .bowerrc在根目录下创建文件
  3. 在文件中写下这段代码{"directory" : "public/bower_components"}
  4. 运行一个bower install

您现在应该在公用文件夹中看到 bower_components 文件夹

于 2016-01-23T16:08:18.147 回答
24

值得一提的...

如上所述，其他贡献者使用.bowerrc带有 JSON 的文件

{ "directory": "some/path" }

是必要的——但是，您在创建该文件时可能会在 Windows 上遇到问题。如果 Windows 提示您添加“文件名”，只需使用文本编辑器/IDE，例如 Notepad++。

将 JSON 添加到一个未命名的文件中，将其另存为.bowerrc - 一切顺利！

可能是一个简单的假设，但我希望这可以避免其他人不必要的头痛:)

于 2014-11-19T20:10:35.883 回答
7

尝试将components.json文件放在public应用程序的目录中，而不是根目录，然后重新运行bower install...在您的应用程序主目录中尝试此操作：

cp components.json public
cd public
bower install
于 2012-12-29T08:21:31.063 回答
-3

嗨，我是同样的问题并解决这种方式。

windows 用户和 vs 无法创建 .bowerrc 文件。

在 cmd 中转到任何文件夹

安装任何包含 .bowerrc 文件的软件包，例如

bower install angular-local-storage

这个插件包含 .bowerrc 文件。复制它并转到您的项目并粘贴此文件。

并在 Visual Studio - 解决方案资源管理器中 - 显示所有文件并包含项目看到的 .bowerrc 文件

我解决了这种方式:)

于 2015-08-17T12:03:06.730 回答