react组件样式覆盖问题

问题：不同组件的同类名样式互相覆盖

原因：配置路由时，所有组件的样式都被导入到项目中。

原理：借助css-loader实现，保证类名的唯一性，规则为 [filename]\_[classname]\_\_[hash]

解决： CSS IN JS中CSS Module被react脚手架所集成。该功能仅支持  [email protected] 及以上版本。

        css文件名称改为[name].module.scss

        import styles from './index.module.scss'

        className={styles.test}

注意：不推荐使用类名嵌套写法；

           组件库的全局样式，使用:global()来指定。如.root :global(.am-navbar-title){color:#ccc}，:global作用域下都不会加上哈希