ReferenceError: require is not defined

现在的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