How do you uninstall all your bower packages?

JavascriptBower

Javascript Problem Overview


Sometimes it's useful to rebuild an entire site and force bower to reinstall new versions of all the packages in bower.json.

However, there doesn't seem to be any way of doing that:

Attempt #1:
$ bower uninstall
bower not-installed 0

Nope, that only works on a package-by-package basis, even though a clean 'bower install' uses bower.json.

Attempt #2:
$ bower install -f -l 0
$

Nope, despite '-f', this does absolutely nothing if the dependencies are met.

Attempt #3:
$ rm -r bower_components
$

! Ah victory! ... wait, what's this?

rm: bower_components: No such file or directory

Oh darn, there's a .bowrc in this project that sets the directory to install things to.

My current terrible solution:

Run custom script that:

- Parse .bowerrc if one exists
- Load the directory if one is specified in the json block
- If the directory currently exists...
- ...recursively delete the directory.

It works, I suppose, but it's pretty annoying to have to setup repeatedly.

Am I missing something?

Is there not just a simple bower command to delete the local installed modules?

Seems like really basic functionality I would expect bower uninstall to do.

(This isn't really a very javascript question, but I'll happily accept something that hooks into the bower module somehow to make this happen in a simple node script)

Context

Edit: If you want 'motivation' for such a task, it's this: We have a jenkins server that builds our projects and runs tests. However, periodically it fails for no obvious reason; investigating, it's almost always because jenkins is using a previous copy of the repository with just a git-pull to update to the most recent version before building and running tests; as a result, the previous bower_components directory is there, and it is full of cached copies of the various components.

Here a few example of things which are #@$@#$'d and require bower to be run again as a forced install:

  1. Some idiot (>_> fitvids) deletes the previous tagged release of a project.

  2. Some project has dropped off of bower / moved its github page

  3. Some project (>_> jquery) has changed the way the files are laid out in a non-major version revision.

I realize that the 'correct' solution to this problem is: fix jenkins so it creates a new temporary directory for each build. ...but that's not in my control.

So, as a build step, I need to automate a way to delete the bower components and force them to all be reinstalled; either as a grunt task (part of the build) or a jenkins build step. However, remember from (3) above, that our projects use .bowerrc, so it's not as simple as simply deleting a folder.

It would be great if I could uninstall all the existing bower components as a pre-build step to make this work.

So... back to the question: Can this be done with bower?

Javascript Solutions


Solution 1 - Javascript

Updated Answer

If you're trying to update all of your packages, use

$ bower update

Original Answer

Go to your bower.json file and remove all of the components, or libraries, that you want to uninstall from devDependencies.

After you have removed the ones you want gone, execute -

$ bower prune
  1. start with -

     "devDependencies": {
         "angular": "~1.2.15",
         "angular-ui-router": "~0.2.10",
         "moment": "~2.5.1"
     }
    
  2. remove angular references from file -

     "devDependencies": {
         "moment": "~2.5.1"
     }
    
  3. execute

     $ bower prune
    
  4. watch your angular dependencies get uninstalled

Solution 2 - Javascript

how about

  1. edit the bower.json
  2. 'rm -Rf bower_components/*'
  3. bower install

I was trying to upgrade to polymer 0.2.4 from 0.2.3. I can't seem to find a quick way to uninstall a set of dependencies. So I just manually removed those polymer* dir under bower_components. But for some reason bower kept remembering I had 0.2.3 installed event with bower.json modified. A 'rm -Rf bower_component/*' seems to do the tricks.

Solution 3 - Javascript

Actually I do something a little bit tricky but it works for me:

  1. for package in $(ls your_bower_components_folder); do bower uninstall "$package"; done;
  2. bower install

Solution 4 - Javascript

Uninstalling Packages

To remove a package you can use the uninstall command followed by the name of the package you wish to remove.

bower uninstall

It’s possible to remove multiple packages at once by listing the package names.

bower uninstall jquery modernizr sass-bootstrap

Solution 5 - Javascript

Adapting Jumar Polanco's answer to use it in Powershell, it is possible to programmatically uninstall bower components in the following way:

In the Powershell interface, navigate to the location where bower.json and the bower_components folder is located. Usually is the root app folder.

Then you can run:

foreach($package in ls bower_components){bower uninstall $package}

Depending on what the packages dependencies are, it may be required to pay extra attention to the process, as some prompts which require extra input (Y/n) to continue the process may arise (such as dependency conflicts).

Solution 6 - Javascript

I don't know what build tools you use, but if it includes Grunt with grunt-bowercopy, you could use the clean option. It removes the bower_components folder (or whatever you've configured it to use) after copying out the required files.

Ideally, I'd prefer something that didn't require me to re-download all the dependencies with each build, but just the ones where doing a fresh install would find a newer version.

I'm looking for a better solution to this as well, so I'll update if I find one.

Solution 7 - Javascript

I've been using nombom to do this (as a bonus, it also re-installs your npm packages from scratch):

https://www.npmjs.com/package/nombom

Solution 8 - Javascript

This is what ended up working for me via Windows cmd prompt:

forfiles /p .\bower_components /c "cmd /c cd .. && bower uninstall @fname"

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionDougView Question on Stackoverflow
Solution 1 - JavascriptVtoCorleoneView Answer on Stackoverflow
Solution 2 - Javascriptuser3206144View Answer on Stackoverflow
Solution 3 - JavascriptYumarx PolancoView Answer on Stackoverflow
Solution 4 - JavascriptNuno SarmentoView Answer on Stackoverflow
Solution 5 - Javascriptj4v1View Answer on Stackoverflow
Solution 6 - JavascriptThe DIMM ReaperView Answer on Stackoverflow
Solution 7 - Javascriptuser2926055View Answer on Stackoverflow
Solution 8 - JavascriptGaTechThomasView Answer on Stackoverflow