Add modular-css support to svelte

Downloads in past


258828.2.122 days ago4 years agoMinified + gzip package size for @modular-css/svelte in KB


@modular-css/svelte NPM Version NPM License NPM Downloads
Svelte preprocessor support for modular-css.
Process inline <style type="text/m-css"> or <link> or import styles from "./foo.css"; references inside your Svelte components using the full power of modular-css. Dynamic references will be replaced where possible with static ones, allowing for greater compile-time optimizations, smaller bundles, and even faster runtime performance!


Turns this
<div class="{css.main}">
    <h1 class="{css.title}">Title</h1>

    .main {

    .title {

into what is effectively this
<div class="abc123_main">
    <h1 class="abc123_title">Title</h1>

See the svelte section on m-css.com for more details.