dvaJs使用注意事項

項目參考地址 dva-yicha

1. 使用路由跳轉的方式

（1）所有的路由跳轉功能都放到 dva/router 里面的

import { routerRedux } from 'dva/router';

（2）routerRedux里面包含一些常用的跳轉路由的內容：
go: ƒ ()
goBack: ƒ ()
goForward: ƒ ()
push: ƒ ()
replace: ƒ ()
（3）該組件必須是通過connect連接到redux里面的組件，通過 this.props.dispatch 進行觸發

this.props.dispatch(routerRedux.push(path))

2. 通過Link跳轉

import { Link } from 'dva/router'; 

3. 設置全局樣式

（1）如果是直接設置div這樣的原生標簽，那么可以直接引入就行；

（2）如果是設置類選擇器的全局樣式，就需要使用:global，對於不同的樣式分別進行設置

:global(.w) {
  background-color: pink;
}

4. 使用scss

（1）只需要安裝相應的包就行了（其他的什么都不用改）

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

（2）但是這種方式還是要和cssMoudle一個使用

5. 實現跨域，在.webpackrc中添加

"proxy": {
    "/": {
      "target": "https://www.yichaapp.com/",
      "changeOrigin": true
    }
  }

6. 圖片懶加載方案 lazysizes

<img src="../../assets/default.png" data-src={news.netUrl} className="lazyload" alt="易茶"/>

（1）src是替代圖片
（2）data-src是正式圖片