现在的js技术日新月异，尤其是nodejs带来的变革。但是Nodejs毕竟是后端程序。要想在前端代码html中嵌入nodejs代码，需要打包一下才能正常在前端运行。
https://stackoverflow.com/questions/44665375/nodejs-html-require-is-undefined
https://stackoverflow.com/questions/31931614/require-is-not-defined-node-js
webpack:https://www.runoob.com/w3cnote/webpack-tutorial.html
为什么需要打包？
因为现在浏览器支持ES6语法的效果并不好，如果你的代码中使用了新特性，那么需要打包成统一的标准，从而在前端浏览器中运行。例如，你使用ES6编写程序，而浏览器只支持ES5，那么怎么办呢？
参考：https://www.cnblogs.com/luojianjian/p/8053113.html
安装webpack：npm config set registry https://registry.npm.taobao.org
npm install webpack -g
npm install -g webpack-cli
npm i html-webpack-plugin@next -D