css module 是作用域样式。样式文件与组件一一对应，借助构建工具，可以将类名改为与组件绑定的新的名称。

    css module 可以解决css样式全局冲突问题。

    1. <h1 class="title">An example heading</h1>
    3. .title {
    4.   background-color: red;
    5. }

    使用 css module 

    1. import styles from "./styles.css";
    3. element.innerHTML = 
    4.   `<h1 class="${styles.title}">
    5.      An example heading
    6.    </h1>`;

    编译为

    1. <h1 class="_styles__title_309571057">
    2.   An example heading
    3. </h1>
    5. ._styles__title_309571057 {
    6.   background-color: red;
    7. }

    使用css module 之后我们可以不在使用 BEM规范，这样类名看起来也更清晰。