在开发前端项目时，经常会遇到UI同事希望在项目中使用一个炫酷字体的需求。那么怎么在项目中使用自定义字体呢？其实实现起来并不复杂，可以借用CSS3 @font-face 来实现。本文着重介绍一下 webpack 项目如何正确打包引入的自定义字体。

plugin是webpack核心功能，通过plugin（插件）webpack可以实现loader所不能完成的复杂功能，使用plugin丰富的自定义API，可以控制webpack编译流程的每个环节，实现对webpack的自定义功能扩展。

最近在做vue项目，自然而然就接触到了webpack这个打包工具，借此把一些总结分享出来。webpack知识点比较多，打算做为一个系列分篇讲解，今天先分享第一篇：webpack系列之基本概念和使用。