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