webpack構(gòu)建工具常見問題有哪些

這篇文章給大家分享的是有關(guān)webpack構(gòu)建工具常見問題有哪些的內(nèi)容。小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，一起跟隨小編過來看看吧。

webpack構(gòu)建工具常見問題及解決方法

  在運(yùn)用webpack開發(fā)項(xiàng)目的時(shí)候經(jīng)常會(huì)遇到各種各樣的問題，我對(duì)實(shí)際開發(fā)項(xiàng)目中實(shí)際遇到的一些問題
  進(jìn)行總結(jié)，希望能幫助到大家。

1. 構(gòu)建需要的包未添加依賴報(bào)錯(cuò)

Module not found:"xxx(例：react)" in "項(xiàng)目文件"

  
這種情況是由于"xxx(例：react)"未添加依賴，解決辦法如下：
  

npm install xxx(react) --save 或  yarn add xxx(react)

2. 構(gòu)建過程中依賴包版本不兼容報(bào)錯(cuò)

  
Failed to minify the bundle . Error : xxx from UglifyJs
  
這種情況一般出現(xiàn)在項(xiàng)目build過程中，解決辦法如下：
  

• 刪除項(xiàng)目中的node_modules文件夾，用npm或yarn重裝后，重新build：
    

  npm install 或 yarn install

• 依賴包之間版本不兼容，這需要回憶一下最近新添加的依賴包，對(duì)相對(duì)應(yīng)的包進(jìn)行升降版本(以yarn為例)：
    

  yarn add xxx@[]

  然后進(jìn)行版本切換（以query-string為例）：
    

  
    

最后重新build項(xiàng)目。
  

3. 錯(cuò)寫，漏寫或書寫不規(guī)范導(dǎo)致的錯(cuò)誤

    SynatxError:Unexpected identifier

??出現(xiàn)這種錯(cuò)誤，一般是因?yàn)閖s代碼中書寫不規(guī)范造成錯(cuò)誤（例：符號(hào)缺失、格式不正確或手抖刪除了些代碼都是有可能的），仔細(xì)檢查下代碼是可以避免的。

感謝各位的閱讀！關(guān)于“webpack構(gòu)建工具常見問題有哪些”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)，如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！