在前端开发中，使用webpack和hapi搭建项目是很常见的。但是每次都需要重新创建项目和配置webpack往往非常繁琐。而webpack-hapi-boilerplate就是为了解决这个问题而出现的。
本文将介绍npm包webpack-hapi-boilerplate的使用方法，包括安装、配置和运行。
安装
使用npm安装webpack-hapi-boilerplate：
- --- ------- ------------------------
配置
准备配置文件，在根目录下的config文件夹中创建index.js：
-------------- - -
---- -------------------- -- --------------
----- ---------------- -- -----
------ -
---- --------------------- -- ----------------------------------------
-
--在src文件夹中创建.env文件夹，里面创建development.js、production.js和default.js文件。在里面分别定义配置信息：
-- --------------
-------------- - -
---- -
---- -----------------------
-
--
-- -------------
-------------- - -
---- -
---- ---------------------------------
-
--
-- ----------
-------------- - -
---- -
---- -----------------------
-
--在src文件夹中创建server文件夹，里面创建index.js。这个文件主要用于定义hapi服务器的配置：
----- ---- - ----------------------
----- ------ - ---------------------
----- ------ - -------------
----- ------------
------- -
----- ----
-
---
----- ---- - ----- -- -- -
----- ---------------
------------------- ------- -- ---------------------
--
-------在根目录下创建webpack.config.js，用于配置webpack：
----- ---- - ----------------
----- ---------- - -------------------------------
----- ------ - --------------------------
-------------- - ---- - --- -- -
------ -
------ ------------------------
------- -
----- ----------------------- ----------
--------- -----------
--
-------- -
--- ------------
--------- -------------------------
---
--- --------
----- -------------------------- -- --------------
--
--
------- -
------ -
-
----- --------
-------- ---------------
---- --------------
--
-
----- ---------
---- ---------------- -------------
-
-
-
--
--运行
在package.json中添加运行脚本：
---------- - -------- --------------------- ------------------ ------ ------------- -------- -------------------- ------- ------ ---------- -- ---- ---------------------- -
在命令行中运行：
- --- -----
这将会启动开发服务器，并在浏览器中打开http://localhost:8080。
如果要打包项目并运行，则在命令行中运行：
- --- --- -----
这将会根据生产环境配置打包项目，并启动hapi服务器。此时你可以通过http://localhost:3000访问你的项目。
结语
webpack-hapi-boilerplate可以大大地简化webpack和hapi的项目配置，使开发人员可以更加专注于项目开发。希望本文能够帮助你顺利使用这个npm包。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/600671048dd3466f61ffdcee