本系列文章将从 Webpack 的基础使用开始，循序渐进，最终构建一个完整的前端项目 。本系列文章适宜人群：

• 工作中用到 Webpack ，但并不关心其配置和打包过程的人

  由于如今最常用的两个前端框架 react 和 vue 的脚手架都是基于 webpack 实现打包的，所以有很大一群人都使用着 Webpack 但对其并不是很了解。当遇到和打包相关的需求，要么摊摊手，要么被迫去单点查询解决方案，但由于在思路上还不清晰，通常都是困难重重。本系列文章就是对这群人量身定制，去讲解基础概念和实战使用，不会太难但很有用。

• 项目前端负责人

  看起来可能有点奇怪，前面才说过本文只讲基础概念，怎么又对我们老油条有用啦！其实是可以解释的，因为本文会构建的实战项目，在架构上属于模块增量升级，（我特意查了一下增量升级相关实现）本文做法属于孤例且对比起来是有优势的，可能会给你些许的启发。这种架构同目前各大电商平台使用的模块独立部署相比，订单模块、用户模块都有各自独立的子域名，也有一定的优势（比如单页体验、技术栈统一、公共资源共享）。

项目构建基于 Webpack 4 ，项目基于 Vue