Updating bootstrap and font awesome

[dougcsicam]

Please summarize your question in one sentence

Whay would be the correct procedure to upgrade Bootstrap and Font Awesome to the latest version within this framework.

Give a more extended description

Steps to reproduce (if needed)

Other comments or remarks

[david-poindexter]

@dougcsicam which version of nvQuickTheme are you using? If you are version 2.0.0 then all you need to do is run the appropriate yarn upgrade bootstrap or yarn upgrade font-awesome command(s). You can also modify the versions in package.json and re-run yarn or yarn install, though that is not the recommended best practice.

[dougcsicam]

I was able to upgrade bootstrap but not fontawesome. I used
yarn upgrade [email protected]
This is what it returns
Couldn't find any versions for "font-awesome" that matches "5.8.1"
? Please choose a version of "font-awesome" from this list:

4.7.0
4.6.3
4.6.1
4.5.0

[david-poindexter]

The package names for Font Awesome 5 changed. Try @fortawesome/fontawesome-free

[david-poindexter]

You need to uninstally Font Aesome 4 and install Font Awesome 5.

[dougcsicam]

I upgated to fontawesome 5 after uninstalling 4 with the command:
yarn add --dev @fortawesome/fontawesome-free
When I do the build I get the error:
'faCssInit' errored after 9.21 ms
[10:34:00] Error: File not found with singular glob: C:/inetpub/wwwroot/dnndev/Portals/_default/Skins/SicamQtTheme/node_modules/font-awesome/css/font-awesome.min.css (if this was purposeful, use allowEmpty option)

[david-poindexter]

@dougcsicam when using Font Awesome 5, that will create a new folder within node_modules for @fortawesome/fontawesome-free. Therefore, gulpfile.js will need to be updated to accommodate the new Font Awesome location. THIS LINE change would need to be updated to match the location of the minified CSS file.

[david-poindexter]

Issues #156 and #157 have been added to address this in nvQuickTheme and has been added to Milestone 2.1.0. Closing this issue as a result.