Poi - 让你愉悦地开发 web 单页应用

距离 Poi 第一个 commit 已经一年半了，是时候重新介绍一下:

Poi 是什么?

一个 Webpack 的封装，你不在需要重复配置经常用到的 Webpack config，并且免去你调研如何配置的时间。Webpack 的 API 非常底层，所以很多人抱怨配置很烦，然而这种底层的设计是为了让你基于它能有更多的用途。比如说你写了一个 js 库，可能需要花 10 分钟配置打包个 commonjs 模块发布到 npm 上给用户用，然后再花 10 分钟配置 webpack 打包一下这个库的 demo 给用户预览，这时候我就会用 Poi 大大提高我的开发效率。Poi 同时包含了一些所谓的最佳实践 :)

那扩展性呢？封装的话我想自定义就不好弄吧?

Poi 使用了 webpack-chain 来管理 webpack 配置，所以你拥有对 webpack 配置完全的掌控，可以随意扩展。

Poi 的 preset 是什么? 我只听说过 babel preset

Poi 默认支持一般性的前端应用和 Vue 应用，想要支持诸如 React、Elm 这类的话你就需要自己扩展了，而社区里已经有人扩展好了，他们把它以 preset 的形式分享出来，让你更容易地使用其它框架。

我用 React，你给我看看怎么用 Poi 配置吧?

// poi.config.js
module.exports = {
  presets: [
    require('poi-preset-react')()
  ]
}

然后就搞定了，更多的官方 presets 可以在 这里 找到。

Poi 的 GitHub 项目: https://github.com/egoist/poi
Poi 的文档: https://poi.js.org