CSS Modules

CSS Modules ，官方解釋以下：

CSS files in which all class names and animation names are scoped locally by default.

翻譯結果：

CSS 的類名和動畫名字都在一個命名空間下。

例子：

// test.css
.box{
    color:red;
}

import style from 'test.css'

function Test(){
    return (<div class={style.box} />)
}

僞輸出：

<div class="_styles__box_34682763478"></div>

總的來講，CSS Modules 作了一件時，混淆了 class 類名、id 和動畫名

CSS Modules 原理上還是傳統的 CSS 編寫方式，只不過它混淆了名稱，並添加了映射