Webpack 小结

104 阅读1分钟

热更新的原理分析

Webpack Compile :将JS编译成Bundle

HMR Server:将热更新的文件输出给HMR Rumtime

Bundle server:提供文件在浏览器的访问

HMR Rumtime:会被注入到浏览器,更新文件的变化

bundle.js:构建输出的文件

Scope Hosting的特点及使用

  1. 代码体积更小
  2. 创建函数作用域更少
  3. 代码可读性更好

ssr 设计思路(webpack)

服务端:

  • 使用react-dom/server的renderToString方法将React组价渲染成字符串
  • 服务端路由返回对应的模板

客户端

  • 打包出针对服务端的组件

webpack打包ssr