如何更改Bower的默认组件文件夹？

node.js Node.js

飞云小胖

2020-03-16

我正在制作一个使用Twitter凉亭的新项目。我创建了一个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所示，但它不起作用。

第1846篇《如何更改Bower的默认组件文件夹？》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共6个回答

西里西门 2020.03.16

嗨，我是同样的问题，并解决此问题。

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

在cmd中转到任何文件夹

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

bower install angular-local-storage

该插件包含.bowerrc文件。复制该文件，然后转到您的项目并粘贴此文件。

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

我通过这种方式解决:)

泡芙老丝Jim 2020.03.16

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

cp components.json public
cd public
bower install

米亚老丝 2020.03.16

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

bower_components在您的根文件夹中删除
.bowerrc在根目录中创建一个文件
在文件中编写此代码 {"directory" : "public/bower_components"}
运行一个 bower install

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

神无Davaid 2020.03.16

值得一提的...

如其他贡献者所述，将.bowerrc文件与JSON一起使用

{ "directory": "some/path" }

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

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

可能是一个简单的假设，但我希望这可以避免其他不必要的麻烦：）

前端逆天 2020.03.16

除了编辑.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"
      ]
    }
  }
}