Vue. js plugin that enables you to pack CSS along with your parts

.vue-css.The Vue.js plugin produced through @nxtchg, vue-css is created saving relevant CSS along with.vue components, allowing you to bundle CSS file along with your components.Vue elements need to be actually stand-alone units along with every thing relevant embedded within. Unfortunately, Vue doesn’t support embedded styles. You can make use of Webpack or even Browserify, but if you do not wish to, at that point there is actually no suited option.

This plugin inserts on its own in addition to Vue.component() as well as if there is a “design” element present in component’s meaning, it incorporates it to the webpage. All CSS selectors are actually prefixed along with the title of the component to prevent disputes.The CSS selectors are actually prefixed along with the title of the component, for example:.Vue.component(‘ my-component’,.design template: ‘Hi there, planet!’,.style: ‘span,.this-too font-color: red ‘. ).The above arrangement will add.my-component span,.my-component.

this-too font-color: red to the page.Utilization.The plugin may be used only through adding the ‘vue-css. js’ documents into your task.That’s it offer vue-css a go if you are looking for an alternate way to assist inserted types in your projects.