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