@modular-css/svelte

Add modular-css support to svelte

Downloads in past

Stats

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

Readme

@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!

Example

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

<style>
    .main {
        ...
    }

    .title {
        ...
    }
</style>

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

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