爱意满满的作品展示区。
sox

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

  •  5
     
  •   sox ·
    egoist · Nov 1, 2017 · 4920 views
    This topic created in 3140 days ago, the information mentioned may be changed or developed.

    距离 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 replies    2017-11-01 19:37:23 +08:00
    natforum
        1
    natforum  
       Nov 1, 2017
    话说大佬的*.js.org 域名怎么申请的
    sox
        2
    sox  
    OP
       Nov 1, 2017
    1stlulu
        3
    1stlulu  
       Nov 1, 2017
    poi
    stebest
        4
    stebest  
       Nov 1, 2017 via Android
    poi: 难道这就是传说中的喷子么?
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   2811 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 34ms · UTC 15:15 · PVG 23:15 · LAX 08:15 · JFK 11:15
    ♥ Do have faith in what you're doing.