Webpack 4 构建大型项目实践 / 导读

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

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

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

• 项目前端负责人

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

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