Como alterar a pasta de componentes padrão do bower?

Estou fazendo um novo projeto que usa o bower do twitter. Eu criei um component.json para manter toda a minha dependência como jquery. Então eu corro a bower install que instala tudo em uma pasta chamada components . Mas eu preciso instalar os componentes em uma pasta diferente, por exemplo, public/components .

Eu tentei editar meus components.json em:

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

ou:

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

como mostrado em https://github.com/twitter/bower/pull/94, mas não funciona.

Crie um arquivo de configuração do Bower .bowerrc na raiz do projeto (em oposição ao seu diretório pessoal) com o conteúdo:

 { "directory" : "public/components" } 

Execute o bower install novamente.

Além de editar o .bowerrc para configurar seu caminho de instalação padrão, você também pode configurar caminhos de instalação personalizados para diferentes tipos de arquivos.

Existe um pacote de nó chamado bower-installer que fornece um único comando para gerenciar caminhos de instalação alternativos.

executar o npm install -g bower-installer

Configure seu 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" ] } } } 

Execute o seguinte comando: bower-installer

Isso instalará components/jquery-ui/themes/start/jquery-ui.css em ./src/css , etc

Eu tive o mesmo problema no meu windows 10. Isto é o que corrigiu o meu problema

  1. Exclua bower_components na sua pasta raiz
  2. Crie um arquivo .bowerrc na raiz
  3. No arquivo, escreva este código {"directory" : "public/bower_components"}
  4. Execute uma bower install

Você deve ver a pasta bower_components em sua pasta pública agora

Algo que vale a pena mencionar …

Como observado acima por outros contribuidores, usando um arquivo .bowerrc com o JSON

{ "directory": "some/path" }

é necessário – no entanto, você pode se deparar com um problema no Windows ao criar esse arquivo. Se o Windows der uma mensagem implorando para você adicionar um ” nome de arquivo “, simplesmente use um editor de texto / IDE como o Notepad ++.

Adicione o JSON a um arquivo sem nome, salve-o como .bowerrc – você está pronto !

Provavelmente uma suposição fácil, mas espero que isso salve os outros a dor de cabeça desnecessária 🙂

Tente colocar o arquivo components.json no diretório public do seu aplicativo, em vez do diretório raiz, execute novamente a bower install … tente isso no diretório inicial do seu aplicativo:

 cp components.json public cd public bower install 

Exclua a pasta de componentes da sua raiz.

Crie um arquivo (.bowerrc) na raiz (este é um arquivo oculto se o linux)

Neste arquivo (.bowerrc) escreva o seguinte código

{“diretório”: “public / components”}

Executar comando: instalação do bower

Você deve ver a pasta de componentes em sua pasta pública agora

Oi eu sou mesmo problema e resolver isso.

usuário do Windows e vs cant’create arquivo .bowerrc.

em cmd ir a qualquer pasta

instalar quaisquer pacotes que contenham arquivos .bowerrc por exemplo

 bower install angular-local-storage 

este plugin contém o arquivo .bowerrc. copie isso e vá para o seu projeto e cole este arquivo.

e no visual studio – solution explorer – mostra todos os arquivos e inclui o projeto .bowerrc file

Eu resolvo isso 🙂

    Intereting Posts