[create-crc-app] CSS changes are not loaded

[josejulio]

After creating the application and trying to make changes to the css, the changes are not being reflected.

After some inspection it looks like it's an error related to the app name.

The app name is virtual-assistant and the problem seems to be that the css is preprended with .virtual-assistant but the actual class name is virtualAssistant in the DOM.

[Hyperkid123]

@josejulio the name difference is expected due to some webpack limitation. Usually, this is fixed by adding sassPrefix config to the fec.config.js. In this case, it would be something like

sassPrefix: '.virtual-assistant .virtualAssistant'

I think we should add this config automatically if we find the appname contains a - character.

[josejulio]

That didn't work well, as .virtual-assistant doesn't exist in the DOM.

But this did:

sassPrefix: '.virtualAssistant',

Thanks!