這是Webpack+React系列配置過程記錄的第六篇。其他內(nèi)容請參考:
第一篇:使用webpack、babel、react、antdesign配置單頁面應(yīng)用開發(fā)環(huán)境
第三篇:優(yōu)化單頁面開發(fā)環(huán)境:webpack與react的運(yùn)行時(shí)打包與熱更新
這篇文章的主要內(nèi)容包括: 1. 修改一下之前存在的問題;
2. 在框架中引入redux,使用一個(gè)例子簡單介紹redux的使用方法;
3. 其他redux輔助庫。
修復(fù)遺留問題
webpack.prod.config.js中缺少了對path庫的引用,執(zhí)行構(gòu)建
npm run build:prod
的時(shí)候失敗。在文件開始的地方引入node.js的path庫就可以了。package.json里面定義了一個(gè)build:dev的腳本,這個(gè)腳本其實(shí)有點(diǎn)多余,不過有時(shí)候需要打包測試版本的文件,所以還是需要存在。主要有個(gè)問題是webpack.dev.config.js中output節(jié)點(diǎn)下錯(cuò)誤定義了path的值為根目錄'/',