webpack 单入口项目基础配置教程(一)

写在前面

这个实例项目的环境背景大概是这样的

• webpack 3 及以上版本
• yarn (版本不做限制)
• node.js (版本不做限制)

这个实例主要解决这么几个问题

• 解析 HTML
• 解析 ES6 和 react
• 解析 css/sass
• 解析 图片和字体
• 提取公用模块
• 处理全局问题(比如 jq 的全局变量)
• 架设 webpack 中间服务器(热更新)
• webpack 多版本共存问题

还要提下 webpack 中文站里文档怎么看

• 概念

这个模块主要介绍 webpack 的核心内容

也就是不涉及实际操作的基础知识讲解

• 配置

这个模块里写的是 webpack 所有详细的配置

比如 entry 里有什么配置? 配置项有哪些字段? 可取值有哪些? 用法是什么?
再比如 plugins 可以写哪些配置项

webpack 原生自带的配置项都写在里面了 可以作为手册来看

• API

这个模块是给你打算自己写一个插件/loader 作为参考用的

• 指南

新手教程

• loaders

所有常用 loader 的使用手册

• 插件

所有常用 plugins 的使用手册