上一节,学习到通过webpack-dev-server
搭配HotModuleReplacementPlugin
插件可以实现不刷新页面的模块热更新。
最后讲解原理的时候,我们知道webpack-dev-server
在内部使用Express
搭建搭建了一个小型Node
服务来接收处理后的文件,那是什么程序传递文件的呢?
就是webpack-dev-middleware
。
webpack-dev-middleware
定义:
webpack-dev-middleware
是一个容器(wrapper
),它可以把webpack
处理后的文件传递给一个服务器(server
)。webpack-dev-server
在内部使用了它,同时,它也可以作为一个单独的包来使用,以便进行更多自定义设置来实现更多的需求。
我们也使用Express,搭配webpack-dev-middleware
来实现文件更新功能
我们先搭建一个基础项目骨架
├── dist
│ └── index.html
├── package.json
├── src
│ ├── block.js
│ └── index.js
└── webpack.dev.config.js
复制代码</