以下問題均為webpack@1.x下總結(jié)

1. 版本兼容問題

webpack1.x版本一般都與1.x版本的插件匹配，例如webpack-dev-server2.x使用在webpack1.x版本中會(huì)出現(xiàn)不兼容問題

2. 啟動(dòng)webpack-dev-server

在命令行中直接使用webpack-dev-server沒有作用，需要通過將腳本寫入package.json的script中通過npm run xxx的方式來啟動(dòng)(不要忘記配置devServer)

3. webpack調(diào)試問題

如果需要調(diào)試只需要在配置文件中配置devtool即可，然后啟動(dòng)server會(huì)在瀏覽器調(diào)試工具source中發(fā)現(xiàn)錯(cuò)誤代碼在模塊中的具體位置，而不是bundle.js中的位置

4. 配置文件中resolve配置項(xiàng)問題

extensions數(shù)組必須要包含空字符，例如['','js','jsx']
如果沒有數(shù)組中第一項(xiàng)那么webpack查找react.js將會(huì)變成react.js.js
查找模塊順序會(huì)按照extensions數(shù)組從左到右的優(yōu)先級(jí)進(jìn)行

5. 出現(xiàn)Unterminated JSX contents時(shí)請(qǐng)認(rèn)真查看標(biāo)簽是否閉合

Paste_Image.png

6. element.loader.split is not a function錯(cuò)誤原因可能是配置文件中l(wèi)oader書寫錯(cuò)誤

Paste_Image.png

7. import模塊無法找到可能是resolve中root錯(cuò)誤

Paste_Image.png

8. 使用antd組件，編寫css的loaders時(shí)必須style在前，css在后

css-loader順序問題導(dǎo)致錯(cuò)誤.jpg