CSS Modules
CSS Modules はデフォルトで使える状態です。スコープされた CSS と HTML class が出力されます。
// Input: template
import style from "../../assets/css-modules/style.module.css"
export default () => {
return <h2 className={style.test}>test scope style</h2>
}
/* Input: style.module.css */
.test {
color: red;
}
<!-- Output: html -->
<h2 class="_test_xl9qq_1">test scope style</h2>
/* Output: bundle.css */
._test_xl9qq_1 {
color: red;
}