# Node-RED projects + uibuilder: How to include installation of vue, bootstrap, bootstrap-vue?

**URL:** <https://discourse.nodered.org/t/node-red-projects-uibuilder-how-to-include-installation-of-vue-bootstrap-bootstrap-vue/43898>\
**Category:** General\
**Created:** [9 April 2021 06:45 UTC](https://discourse.nodered.org/t/node-red-projects-uibuilder-how-to-include-installation-of-vue-bootstrap-bootstrap-vue/43898 "2021-04-09T06:45:10Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![NoMercyMike](https://avatars.discourse-cdn.com/v4/letter/n/3be4f8/32.png) [@NoMercyMike](https://discourse.nodered.org/u/NoMercyMike)\
**Post date:** [9 April 2021 06:45 UTC](https://discourse.nodered.org/t/node-red-projects-uibuilder-how-to-include-installation-of-vue-bootstrap-bootstrap-vue/43898/1 "2021-04-09T06:45:10Z")

</div>

Hi,

I've build a very simply CI/CD pipeline (Jira, Gitlab, Node-RED) for developing my flows and dashboards.  
In my dev stage (local docker container) I'm using Node-RED projects to keep everything under version control. Everything is working fine so far: all files incl. uibuilder files/folders are under git control.

But with every deployment to my test stage (at the moment docker swarm raspberry cluster) from gitlab I have always to reinstall the uibuilder frontend libraries (in my case vue, bootstrap-vue, bootstrap) manually.

Is there a way to also put them under version control, so that they are automatically deployed/installed?  
Node-RED projects has the ability to keep track of the package dependencies, but the frontend libraries are not part of this ☹

Thanks in advance,  
Michael

---

<div class="post-metadata">

**Author:** ![TotallyInformation](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/totallyinformation/32/31_2.png) [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)\
**Post date:** [9 April 2021 11:08 UTC](https://discourse.nodered.org/t/node-red-projects-uibuilder-how-to-include-installation-of-vue-bootstrap-bootstrap-vue/43898/2 "2021-04-09T11:08:19Z")

</div>

Hi Michael, there are two places where you need the list of installed libraries.

1. `~/.node-red/package.json` - required for the npm package installation
2. `~/.node-red/uibuilder/.config/packageList.json` - required so that uibuilder knows which installed packages to serve up using its web server.

I think (though I don't use projects so I'm a little vague on memory sorry) that the `uibuilder` folder is under the project folder. `~/.node-red/projects/<projectName>/uibuilder/.config/packageList.json`. However, the package.json remains in the same place when using projects as all npm installs are shared I think.

So as long as the npm package is still installed, you just need to make sure that the uibuilder .config folder is also under version control.

---

<div class="post-metadata">

**Author:** ![NoMercyMike](https://avatars.discourse-cdn.com/v4/letter/n/3be4f8/32.png) [@NoMercyMike](https://discourse.nodered.org/u/NoMercyMike)\
**Post date:** [13 April 2021 09:52 UTC](https://discourse.nodered.org/t/node-red-projects-uibuilder-how-to-include-installation-of-vue-bootstrap-bootstrap-vue/43898/3 "2021-04-13T09:52:53Z")

</div>

Hi Julian,

thx for these information. The part `~/.node-red/package.json` I have already included in my docker startup script (automatic installation of packages).

Next step now will be to include `~/.node-red/projects/<projectName>/uibuilder/.config/packageList.json` also.

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [12 June 2021 09:53 UTC](https://discourse.nodered.org/t/node-red-projects-uibuilder-how-to-include-installation-of-vue-bootstrap-bootstrap-vue/43898/4 "2021-06-12T09:53:38Z")

</div>

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.