CSS Modules使用

1、修改文件名

将文件名item.scss修改为item.module.scss

2、修改样式文件导入方式

原本导入方式：
import "./item.scss"
修改为：
import styles from "./item.module.scss";

3、使用

原本的：
<View className="title">title {deviceName}</View>
修改为：
<View className={styles.title}>title{deviceName}</View>

4、全局修改样式

  .title{font-size: 32px;font-weight: 500;color: red;}:global{.title{color: blue;}}

使用:global在内部编写的样式，其内部的样式会生效。以下两行代码，第一行颜色最终为蓝色，第二行最终为红色。

 <View className="title">default title {deviceName}</View><View className={styles.title}>title{deviceName}</View>