用好 Webpack2 从一个完整的配置开始

:smirk:希望 Summer 早日加入草稿功能。

首先，引用 Webpack 中文指南 的一段概述 ， 对不了解 Webpack 的同学做一个初步介绍。

Webpack 是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。还可以将按需加载的模块进行代码分隔，等到实际需要的时候再异步加载。通过 loader 的转换，任何形式的资源都可以视作模块，比如 CommonJs 模块、 AMD 模块、 ES6 模块、CSS、图片、 JSON、Coffeescript、 LESS 等。

Webpack 同时是 Laravel、Vue 官方推荐的前端资源构建方案，Laravel 5.4版甚至推出了基于Webpack 的全新前端构建工具 Mix。然而无论是 Elixir 还是 Mix 都不能满足个性化的定制需求。作为一个追求完美的开发者，然我们好好的了解一下 Webpack 吧。

从配置一个完整的 webpack.config.js 开始吧！

本作品采用《CC 协议》，转载必须注明作者和本文链接