DEV Community

Discussion on: Creating a Vue.js component library: Part VI - Publishing to npm

View post
Collapse
 
anujchhabria profile image
Anuj Chhabria •

Great article!

I’m intending on using Tailwind CSS to help style my components. But weirdly when I view the components on VuePress they do not reflect Tailwind CSS. I tried to serve the Vue app and check the components - loaded fine.

Any thoughts on what I might be missing out on?

Collapse
 
sandeeprao69 profile image
Sandeep •

Hi,

were you able to solve this?

Collapse
 
siegerts profile image
siegerts • • Edited

I'd have to did in a bit as I'm not super familiar with Tailwind. Just make sure that the component bundle style/CSS component are imported alongside your library if the components emit a style bundle.

Something like -

import Vue from 'vue'
import ComponentLibrary from './main.js'
import './path/to/your/style/bundle'

Vue.use(ComponentLibrary)
Enter fullscreen mode Exit fullscreen mode
Collapse
 
sandeeprao69 profile image
Sandeep • • Edited

Hi Siegerts,
Thank for this awesome series.

I am trying to build a plugin which uses bootstrap-vue.
In bootstrap-vue you need to import your css files and also register the components like

import { BootstrapVue, IconsPlugin } from 'bootstrap-vue';

// Import Bootstrap an BootstrapVue CSS files (order is important)
import 'bootstrap/dist/css/bootstrap.css';
import 'bootstrap-vue/dist/bootstrap-vue.css';

Vue.use(BootstrapVue);
Vue.use(IconsPlugin);

I am unable to make it work. Style doesn't apply