寫在前面
這個(gè)實(shí)例項(xiàng)目的環(huán)境背景大概是這樣的
- webpack 4 及以上版本
- yarn (版本不做限制)
- node.js (版本不做限制)
這個(gè)實(shí)例主要解決這么幾個(gè)問題
- 解析 HTML
- 解析 ES6 和 react
- 解析 css/sass
- 解析 圖片和字體
- 提取公用模塊
- 處理全局問題(比如 jq 的全局變量)
- 架設(shè) webpack 中間服務(wù)器(熱更新)
- webpack 多版本共存問題
還要提下 webpack 中文站里文檔怎么看
- 概念
這個(gè)模塊主要介紹 webpack 的核心內(nèi)容
也就是不涉及實(shí)際操作的基礎(chǔ)知識(shí)講解
- 配置
這個(gè)模塊里寫的是 webpack 所有詳細(xì)的配置
比如 entry 里有什么配置? 配置項(xiàng)有哪些字段? 可取值有哪些? 用法是什么?
再比如 plugins 可以寫哪些配置項(xiàng)
webpack 原生自帶的配置項(xiàng)都寫在里面了 可以作為手冊來看
- API
這個(gè)模塊是給你打算自己寫一個(gè)插件/loader 作為參考用的
- 指南
新手教程
- loaders
所有常用 loader 的使用手冊
- 插件
所有常用 plugins 的使用手冊
