本文為記錄本人作為webpack小白踩下的坑，也為幫助一些新手朋友更快的解決bug
<meta charset="utf-8">
- 打包項(xiàng)目時(shí)報(bào)錯(cuò)：
[圖片上傳失敗...(image-4d2697-1588393043632)]
原因：在package.json依賴包中包含babel6版本和babel7版本抬闷，它們兩者不兼容，所以會(huì)報(bào)錯(cuò)
解決辦法：
[圖片上傳失敗...(image-b5c428-1588393043632)]
更新babel版本两疚，更新后歼郭，pacage,json的版本升級(jí)為7
[圖片上傳失敗...(image-776659-1588393043632)]
之后再根目錄下（與package.json同目錄）新建.babelrc文件荐捻，配置：
[圖片上傳失敗...(image-a6007f-1588393043632)]
注意：此時(shí)應(yīng)該保證在webpack.config.js中惑畴，配置如下：
[圖片上傳失敗...(image-2c9394-1588393043632)]
而不是：
[圖片上傳失敗...(image-1d3437-1588393043632)]
也就是必須將presets的配置放在.babelrc中蛋欣，否則系統(tǒng)不會(huì)自動(dòng)尋找.babelrc文件
- 在使用css-loader時(shí)，npm打包時(shí)報(bào)錯(cuò)
[圖片上傳失敗...(image-4ceb1a-1588393043632)]
原因是在css-loader3.0以上版本內(nèi)如贷，使用了localIndentName命令陷虎，但是css-loader3.0已經(jīng)移除了這條命令，解決辦法如下：
將webpack.config.js中的配置由：
[圖片上傳失敗...(image-fd158c-1588393043632)]
改為：
[圖片上傳失敗...(image-dbbe32-1588393043632)]
