uiowa / uids

UI Design System
http://uids.brand.uiowa.edu
7 stars 1 forks source link

now builds all components as custom web components #916

Closed rramsey closed 9 months ago

rramsey commented 9 months ago

Running npm run build creates a dist folder with files that can be used in generic html pages. Had to add style sections to the *.vue files like:

<style scoped lang='scss'>
 @use 'alert';
</style>

Generally, this would replace the import './alert.scss'; line in the script tag.

On a generic index.html created with vi, I can import the built js and add and tags that behave as expected, or close enough.

The downside is that this ends up creating a monolithic 200k js file and it looks like the css in it may not be quite right. Haven't had a chance to look at Ben's fix yet, but that should take care of it.