選用的樣式 -- less
1. 安裝相關(guān)的預(yù)處理語言與加載器
npm install less less-loader --save-dev
2. 修改配置文件? config/webpack.config.js 將sass相關(guān)全變成less
3. 改完配置文件后重啟
樣式作用域問題
默認(rèn)引入的文件是全局 類名重復(fù) 混亂
1. 保證類名不重復(fù) BEM 命名法 ?如： button-error-small? button_sucess--big? ?
<button className='btn-login-submit'></button>? ?
<button className='btn-login-reset'></button>? ?
<button className='btn-reg-submit'></button>? ?
<button className='banner-item-img'></button>
2. 樣式模塊化? ?
import './index.less'? ? i
mport { HEHE} from './index.module.less'? ?
<div className={HEHE.類名}>
