Movatterモバイル変換


[0]ホーム

URL:


Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings
This repository was archived by the owner on Sep 25, 2024. It is now read-only.

use css modules in svelte

License

NotificationsYou must be signed in to change notification settings

ryoppippi/svelte-preprocess-css-mods

Repository files navigation

npm versionnpm downloads

JSRJSR

Successor ofsvelte-preprocess-cssmodules

Installation

npx nypm add -D svelte-preprocess-css-mods

Usage

Config

// svelte.config.jsimport{cssModules}from'svelte-preprocess-css-mods';exportdefault{preprocess:cssModules({/* options */}),};

Seeoptions for more information.

Svelte

<!-- App.svelte --><script>importstylesfrom'./App.module.css';</script><divclass={styles.container}><h1class={styles.title}>Hello World!</h1></div>
/* App.module.css */.container {display: flex;justify-content: center;align-items: center;}.title {color: red;}

get converted into:

<script>conststyles= {container:'App_module_container',title:'App_module_title',};</script><divclass={styles.container}><h1class={styles.title}>Hello World!</h1></div><style>.App_module_container {display:flex;justify-content:center;align-items:center;  }.App_module_title {color:red;  }</style>

Related Works

License

MIT

About

use css modules in svelte

Topics

Resources

License

Stars

Watchers

Forks

Sponsor this project

 

Contributors2

  •  
  •  

[8]ページ先頭

©2009-2025 Movatter.jp