1樓：Lovue
可以檢視本系列課程，大約需要更新 20 節，系統學習 webpack，從底層原理理解 webpack 的本質。
- [第1天：第 9 階段：每位前端人都需要搞懂、搞透前端構建](第 9 階段：每位前端人都需要搞懂、搞透前端構建)
- [第2天](webpack 究竟是什麼，初學者暈頭轉向)
- [第3天](安裝 webpack 搞定 Vue 打包)
- [第4天](從使用 loader 到實現 loader · webpack)
- [第5天](搞定 webpack 的 plugin 不在話下)
- [第6天](使用 webpack 動態生成 html)
- [第7天](webpack 輔助高效開發)
- [第8天](webpack 與 tapable 擦出火花，實現 plugin 系統)
- [第9天](搞懂搞透 webpack 的靈魂 tapable)
- [第10天](統一管理多專案 webpack 配置檔案)
2樓：胡飛
推薦你看下這個腳手架，基於webpack4的用於開發h5以及大中型後台管理系統的全系開發工具，你可以以此作為入手demo
hufei1993/webpack-fullseries-tool
3樓：大大大豬豬
cn)《深入淺出 Webpack》 是國內第一本系統全面講解 Webpack 的圖書，涵蓋了 Webpack 的入門、配置、實戰、優化、原理。
4樓：Houfeng
除了閱讀一下官方說明+其它文章，建議，找乙個前端開發或構建過程中的問題，嘗試去動手寫乙個 loader 、寫乙個 plugin 試試，去解決對應問題，寫的過程中自然就會去查閱文件、想辦法了解它，也就熟悉了它。
針對乙個基於 Webapck + React 的前端工程，通常僅需如下少量配置:
# 啟動開發服務
dev:
- name: webpack
entry: ./src/*.js
template: ./assets/*.html
watch: true
- name: server
port: 8001
- name: browser-sync
# 直接構建
buid:
- name: webpack
entry: ./src/*.js
template: ./assets/*.html
在工程根目錄，新增乙個 .dawn/pipe.yml 檔案，加入如上配置。
然後就可以，執行如下命令
dn dev
上邊的命令會啟動 webpack 實時編譯和 DevServer 及瀏覽器自動重新整理，可以愉快的 Coding 了。
打包 prod 版本時，需要如下命令
dn build
當然，需要先安裝好 Dawn
npm i dawn -g
安裝好後，還可以快速初始化乙個基礎的 React 工程，如下
dn init -t react
或者在「推薦模板」中選擇
dn init
將會列出模板，選擇想初始化的專案型別即可。
僅供參考
5樓：GGKKCC
可以看下我翻譯的：webpack2的入門手冊，英文好的話可以直接看原文：A Beginner』s Guide to Webpack 2 and Module Bundling
6樓：小可嗒嗒
官方文件是最好的老師：webpack 國內開發者灰常給力，已經有中文官網了。
這個Github倉庫蒐羅各種有關Webpack的技術文章和工具 ： webpack-china/awesome-webpack-cn
自己也寫過有關webpack的教程：Webpack第一課 -- 初識Webpack
github位址在：maoxiaoke/You-know-what-is-webpack
7樓：葛賽霆
（鏈結已經更新）本人寫的一篇超詳細的webpack配置教程，不講概念只寫配置，基於webpack2。
8樓：修行的小黃
跟著這篇文章來，就可以對webpack的使用有個大概的概念了。
知乎專欄
遇到不清楚的地方，查閱官方文件。
webpack module bundler
9樓：凱斯
網上很多教程，不過我覺得每個教程都有不足的地方。
可能這個教程有個地方沒寫明白，那個教程有個地方沒寫清楚。
所以，最好的webpack教程就是官網的了。
官網對一些名詞的解釋是其他教程所做不到的。
強烈推薦。
考驗前端的英語能力的時候到了。
傳送門：http://
webpack.github.io/docs/
10樓：slashhuang
正好想把自己關於這大半年使用webpack，和編寫webpackPlugin的一些心得總結分享出來
，就把另乙個答案直接貼過來了。
webpack編譯流程漫談 · Issue #1 · slashhuang/blog · GitHub
11樓：寶丁
乙個簡易webpack教程。https://
用webpack,輸出多個出口檔案,每個出口檔案對應乙個頁面,重複引用jquery？
一波不是一波 1 把jquery作為乙個包也打包 a b 對應你的頁面入口 entry 2 然後把 vendor 作為 common plugins newwebpack optimize CommonsChunkPlugin vendor vendor.js 3 在 a 頁面中 這樣就行了 4 如...
Clang到底怎麼用？
卞佳倫 額，有vs為何還要用clang？如果不想用VS可以試試CodeBlocks或者Dev C 對於初學者已經足夠。另外JetBrains家的CLion好像也不錯，有教育郵箱可以免費用的，可以試試。 我按照clang的文件用vs2015編譯過clang，使用clang時提示找不到某個標頭檔案。所以...
反向充電到底怎麼用
如今科技越來越發達，電子裝置可以說是數不勝數，那凡是電子裝置自然就需要用電，近些年開始出現了一種新的充電技術，就是反向充電，反向充電是什麼？為什麼叫做反向充電？下面就來說說什麼是反向充電。顧名思義，平時你給它充電的裝置，現在它來充當電源來供電給另外的裝置，反向充電 就是當手機連線其他裝置時，切換為移...