史上最走心的Webpack4.0中級教程——配置之外你應該知道事
一.webpack是什么
中文版官方網址：www.webpackjs.com
webpack是前端最火的打包工具，是大前端自動化工廠的重要組成部分。上面的LOGO已經非常形象地表達了webpack所做的最主要的事情——打包，盡管它為非常多的工具提供了適配接口，但官網仍然推薦將webpack作為自動化工具鏈的一部分集成進更大的工具系統，而不是將一切需求的實現都寄希望于webpack。
二.webpack4.0各個擊破系列
《webpack4.0各個擊破系列》是筆者原創的webpack4.0使用指南，它并不像其他教程那樣一步一步貼著圖來演示配置方法，而是通過問題+推演的方式，從打包需要解決的問題，對應的處理策略，以及webpack相關的一些配置和原理等進行綜合講解。如果你還沒有使用過webpack，那么建議你先閱讀官方文檔和一些入門級的配置教程（它們可能已經過時了，社區里針對webpack4.0以上版本的博文并不多，而且大多數都只是在重復官網已經聲明過的問題）。如果你想從“為什么”的層面上理解webpack，那么閱讀本系列一定會帶給你收獲。
《Webpack4.0各個擊破（1）html篇》
https://bbs.huaweicloud.com/blogs/7535be439f9411e89fc57ca23e93a89f
《Webpack4.0各個擊破（2）css篇》
https://bbs.huaweicloud.com/blogs/1c0ca278a42611e89fc57ca23e93a89f
《Webpack4.0各個擊破（3）assets篇》
https://bbs.huaweicloud.com/blogs/3f30ceb6a9a411e89fc57ca23e93a89f
《Webpack4.0各個擊破（4）javascript & splitChunks篇》
https://bbs.huaweicloud.com/blogs/7b397821a9ac11e89fc57ca23e93a89f
《Webpack4.0各個擊破（5）module篇》
https://bbs.huaweicloud.com/blogs/51c312e5ab5711e89fc57ca23e93a89f
《Webpack4.0各個擊破（6）loader篇》
https://bbs.huaweicloud.com/blogs/a593efeeab6111e89fc57ca23e93a89f
《Webpack4.0各個擊破（7）plugin篇》
https://bbs.huaweicloud.com/blogs/64f418b0ac2c11e89fc57ca23e93a89f
《Webpack4.0各個擊破（8）tapable篇》
https://bbs.huaweicloud.com/blogs/fae1cd69ac3011e89fc57ca23e93a89f
《Webpack4.0各個擊破（9）karma篇》
https://bbs.huaweicloud.com/blogs/89070b39acf211e89fc57ca23e93a89f
《Webpack4.0各個擊破（10）integration篇》
https://bbs.huaweicloud.com/blogs/54b0a6d1acfd11e89fc57ca23e93a89f
三.webpack4.0進階話題
如果上面的內容中涉及的大多數知識你已經掌握，那么下面的文章應該能夠幫助你進一步提高。
awesome-webpack
這個項目里搜羅了非常多的webpack相關的優秀文章，從入門到源碼都有。在閱讀完筆者的《webpack4.0各個擊破》系列后，按照這個列表來查漏補缺就再好不過了。
【如何實現一個簡單的webpack】
【淺析webpack源碼系列】
開發者
版權聲明：本文內容由網絡用戶投稿，版權歸原作者所有，本站不擁有其著作權，亦不承擔相應法律責任。如果您發現本站中有涉嫌抄襲或描述失實的內容，請聯系我們jiasou666@gmail.com 處理，核實后本網站將在24小時內刪除侵權內容。
版權聲明：本文內容由網絡用戶投稿，版權歸原作者所有，本站不擁有其著作權，亦不承擔相應法律責任。如果您發現本站中有涉嫌抄襲或描述失實的內容，請聯系我們jiasou666@gmail.com 處理，核實后本網站將在24小時內刪除侵權內容。