SSR 的本质就是在webpack 进行打包的时候,libraryTarget:umd
,打包完成的/dist/search-server.js
,在node端进行读取,然后利用react-dom/server
的renderToString
进行转成虚拟 DOM 数,在通过读取/dist/search.html
使用插槽的方式进行整个模板的替换。
package.json
"scripts": {
...
"server": "node server/index.js",
"build:ssr": "webpack --config webpack.ssr.js"
},