v3.1.7

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;
}