原创 dva webpack 利用require.context加載多個model

dva redux數據管理都在models,根據業務不同models可能會有幾十甚至上百的 【模塊.js】, 每次在index.js使用 app.model(require('./models/example').default);  引入

原创 dva框架之redux相關

dva封裝了redux,減少很多重複代碼比如action reducers 常量等,本文簡單介紹dva redux操作流程。 利用官網的一個加減操作小實例來操作: dva所有的redux操作是放在models目錄下,通過namespace作

原创 代碼重複率檢查工具jsinspect

檢查重複代碼,去掉冗餘代碼。 安裝: npm install -g jsinspect 用法:jsinspect [options] <paths ...> 檢測複製粘貼和結構類似的JavaScript代碼 示例:jsinspect -

原创 dva 路由跳轉

1.從props取出並傳遞history 取 const { history } = this.props 用 <button onClick={ () => history.push('/') }>go back home</

原创 redux devtools調試工具

項目安裝: npm install redux-devtools-extension -dev 谷歌搜索 Redux DevTools 安裝: 使用: 主要用到state&Dispatcher state查看當前執行的action後的

原创 create-react-app創建react項目 css模塊化處理

用的css預處理器用sass,其他大同小異。 用create-react-app創建項目,執行npm run eject彈出配置文件(此操作不可逆); 配置sass,用的最新的CRA,webpack4; webpack.config.dev

原创 eslint

代碼塊頂部加如下代碼 意思 對下面代碼不進行eslint檢查: /* eslint-disable no-undef */

原创 發佈npm包

1.到官網註冊個賬號,並且驗證完郵箱:https://www.npmjs.com/ 2.打開cmd命令行 登錄:$npm login 根據提示 一步步完成登錄。 3.新建一個項目文件夾: npmtest11111,定位到目錄運行$npm i