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