Import css in node_modules to svelte

Question

I want to use css framework in my svelte project, in this case it was uikit.

I had install it with yarn add uikit

And of course i have to import

Answer 1

For whoever is interested in this, I'm using this neat solution:

---

1. Install rollup-plugin-css-only

yard add -D rollup-plugin-css-only

Or

npm i -D rollup-plugin-css-only

---

2. Use it in your rollup.config.js

import css from "rollup-plugin-css-only";

export default {
    plugins: [
        css({
            output: function (styles, styleNodes) {
                // Filter out any source map imports
                let reg = new RegExp(/^(\/*).*(.map) ?(\*\/)$/gm);
                writeFileSync("public/build/base.css", styles.replace(reg, ""))
            }
        }),
    ]
}

---

3. Now import it in App.svelte

---

4. Add this to your index.html file