在前端开发中，经常会使用到构建工具以及自动化工具，其中一个比较好的选择就是 poi。它可以对应用进行打包，同时还能为我们提供一个开发服务器。本文将着重讲解 npm 包 poi 的使用方法，通过深入的学习和指导，帮助读者更好的使用它。
概述
poi 是一个零配置的现代化 Web 应用程序构建工具，它支持多种类型的应用程序构建，例如基于 React 或 Vue 的单页应用程序、静态站点，以及 React Native 应用程序等等。同时，它还支持 ES6 语法以及自定义插件，非常适合构建现代化的 Web 应用程序。
安装
使用 poi 首先需要安装它，可以通过 npm 在全局环境进行安装，也可以在项目中进行局部安装。这里我们选择在项目中进行安装。打开终端，切换到项目目录，输入如下命令进行安装：
$ npm install poi --save-dev
安装完成后，我们需要在 package.json 文件中进行配置，让 npm 可以找到安装的 poi 包。
{
"scripts": {
"serve": "poi --serve",
"build": "poi"
}
}这样我们就可以在终端中使用 npm run [command] 来运行 poi 相关命令了。
基本使用
构建应用程序
构建应用程序最简单的方法就是直接运行 npm run build 命令：
$ npm run build
这时 poi 会自动从你的入口文件开始，分析并构建整个项目，最终生成一个打包好的项目。
启动服务
如果只需要启动服务进行开发调试，可以运行如下命令：
$ npm run serve
这样，poi 会启动一个开发服务器，然后打开浏览器访问 http://localhost:3000，就会看到项目的页面了。
构建选项
poi 提供了一些配置选项，可以在 package.json 文件中进行设置，例如：
-- -------------------- ---- -------
-
------ -
-- ----
-------- -----------------
-- -----
------- ---------
-- ----
-------- --- ------- -----
-- --------
------------ ----------
-
-自定义配置
如果需要对 npm run build 后的构建文件做出更多的调整或定义更多的自定义规则，可以通过 poi 的配置文件 poi.config.js 来实现，这个文件需要放置在你的项目根目录中。
-- -------------------- ---- -------
-- -------------
-------------- - -
------ -----------------
------- -
---- --------
------ ----
--
-------- -
---
--
------ -
-------- ---------------------
--
---
-插件
poi 还提供了一些插件，可以在自定义配置中使用，这样就能够扩展 poi 的功能，例如：
-- -------------------- ---- -------
-- -------------
-------------- - -
-------- -
--------------------------------
--------------------------------
--
---
-这样，我们就可以使用 eslint 插件进行代码检查，同时使用 offline 插件来将应用程序转换为渐进式 Web 应用程序。
结论
通过本文的介绍，读者对 npm 包 poi 的基本使用、配置选项以及插件都有了初步的了解，它可以让我们更好地进行现代化 Web 应用程序的构建工作。希望本文对读者有所帮助。如果你有任何疑问或建议，欢迎在评论中留言。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedad0bb5cbfe1ea0610bc5