V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
sox
V2EX  ›  分享创造

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

  •  5
     
  •   sox ·
    egoist · 2017-11-01 17:20:11 +08:00 · 4354 次点击
    这是一个创建于 2580 天前的主题,其中的信息可能已经有所发展或是发生改变。

    距离 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

    4 条回复    2017-11-01 19:37:23 +08:00
    natforum
        1
    natforum  
       2017-11-01 18:01:27 +08:00
    话说大佬的*.js.org 域名怎么申请的
    sox
        2
    sox  
    OP
       2017-11-01 18:02:20 +08:00
    1stlulu
        3
    1stlulu  
       2017-11-01 19:30:10 +08:00
    poi
    stebest
        4
    stebest  
       2017-11-01 19:37:23 +08:00 via Android
    poi: 难道这就是传说中的喷子么?
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   938 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 22ms · UTC 22:25 · PVG 06:25 · LAX 14:25 · JFK 17:25
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.