HTTP/2 Node.js Server

单独运行前端服务器办法：CMD窗口 cd D:\home\static-server 工程目录下运行 node_modules.bin\nodemon

Pre-requirements

HTTP/2一起推送(维护列表工作繁琐) https://www.jianshu.com/p/8c63b4227956 node10.13; node必须版本升级>= 12.16.2 Node.js 是前端工程化的重要支柱之一;但前端开发也是需要用到Node环境做支撑的{express代替nginx};

yarn run serve 上线时将前端工程打包成html，css，js文件去部署到任意静态web服务器;

serviceWorker ; \node_modules\react-scripts\config;

react-scripts帮你自动下载需要的 webpack-dev-server 依赖，然后react-scripts自己写了一个nodejs服务端的脚本代码 start.js

来 实例化 WebpackDevServer ，并且运行启动了一个使用 express 的Http服务器，现在你只需要专心写src源代码就可以;

更改默认配置react-app-rewired插件; eject{只能作一次}暴露所有配置文件导出就能自己修改了。 https://www.jianshu.com/p/f9535acd0462

react app版本2和3的配置 create-react-app。 https://github.com/arackaf/customize-cra

https://webpack.js.org/configuration/dev-server/

使用webpack构建web项目和Node.js项目

运行npm run build以生成生产包时，process.env.NODE_ENV等于“production”，速度快比start开发环境。either in your shell or in a .env file.

开发模式Development 生产环境Production

development web server开发环境才需要的设置端口协议port HTTPS WDS_SOCKET_PORT生产模式根本就没有此设置。

生产模式根本就没有webpack-dev-server的热加载；webpack-dev-server是Node.js Express服务器，仅用于开发模式（热重载、路由重定向、挂代理）。

webpack生产环境构建 https://www.webpackjs.com/guides/production/

nginx设置http2；Nginx只做譬如负载均衡、流量控制、数据验证、静态服务器。

静态服务器方式生产后部署Static Server：

Node serve：较少人用。

Node + Express部署:静态资源服务器（部署前端项目）

还有不使用Node的服务器模式HTTP Server/Apache/Nginx；CDN。

云部署模式docker及node镜像 https://segmentfault.com/a/1190000021131082?utm_source=tag-newest

开发环境是离不开Node的！生产环境可以。

静态直接上docker的node或nginx镜像， https://www.jianshu.com/p/f9e4c73b18ec

安装Docker环境，并部署NodeJS应用，Dockerfile+package.json+server.js源文件目录为dist；http://dockone.io/article/6096

用Nodejs搭建服务器html、css、JS静态资源 http://www.luyixian.cn/javascript_show_155722.aspx

react-dev-utils/webpackHotDevClient.js

pathname: '/sockjs-node',  ws wss

瀏覽器設置 不安全 内容 默認 屏蔽掉； 'ws://localhost:3765/sockjs-node' failed: Connection closed

Node.js 是前端工程化的重要支柱之一;但前端开发也是需要用到Node环境做支撑的{express代替nginx};

yarn run serve 上线时将前端工程打包成html，css，js文件去部署到任意静态web服务器;

serviceWorker ; \node_modules\react-scripts\config;

react-scripts帮你自动下载需要的 webpack-dev-server 依赖，然后react-scripts自己写了一个nodejs服务端的脚本代码 start.js

来 实例化 WebpackDevServer ，并且运行启动了一个使用 express 的Http服务器，现在你只需要专心写src源代码就可以;

更改默认配置react-app-rewired插件; eject暴露所有配置文件导出 https://www.jianshu.com/p/f9535acd0462

react app版本2和3的配置。 https://github.com/arackaf/customize-cra

nodejs安装集成npm; npm init; npm install express -save，;npm install forever -g，全局安装forever包，可以让服务器服务一直跑起来，即使关掉命令提示符窗口也可以; 新建一个html的文件夹，里面放上网页即可 hanyeyinyong2.123nat.com 前端yarn build yarn start有环境了，就可运行web服务;不需要编译，不需要工程，不需要Webstorm软件的。 证书与域名关系！ https://192.168.171.3:3765 https://localhost:3765/　　　inspect/69