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