选择器冲突解决方案、命名空间 BEM、模块化、scss、

一、命名空间 BEM

BEM(Block, Element, Modifier)是由Yandex团队提出的一种前端命名规范。其核心思
想是将页面 拆分成一个个独立的富有语义的块（blocks）,从而使得团队在开发复
杂的项目变得高效，并且十分有利于代码复用，即便团队引入新成员，也容易维护。在某种程度上，BEM和OOP是相似的。
Block：代表块（Block）：也是模块的意思
Element：元素（Element）：
Modifier： 修饰符（Modifier）
无论是什么网站页面，都可以拆解成这三部分

BEM——前端命名规范介绍

二、模块化

import 变量  from './css/xx.module.css' 

<jsx className={变量.类名|id}

//配置1 (脚手架默认配置上了)
//webpack配置 "style-loader!css-loader?modules" | module:true
//问题：所有css都需要模块化使用

//配置2 
//改名xx.css -> xx.module.css 
//需要模块化的才修改,不影响其他非模块化css写法

三、scss

安装: node-sass