在webpack自动刷新配置中,有两种方案,一种是用 webpack-dev-server配置,另外就是webpack-dev-middleware与webpack-hot-middleware配置。那种方式好些呢?
你好,很高兴受邀回答问题。我的理解是这样的:
1、‘webpack-dev-middleware’和‘webpack-hot-middleware’ 在webpack 中要结合使用,下面我统称为‘middleware’。
2、‘webpack-dev-server’ 和 ‘middleware’ 都可以结合后端服务开发(都是通过代理的方式)。
3、‘middleware’ 要结合 express 使用 ,而‘webpack-dev-server’不需要
所以:
如果想要简单配置就去用‘webpack-dev-server’,如果想要个性化定制就用‘webpack-dev-middleware’和‘webpack-hot-middleware’
参考:
http://andrewhfarmer.com/3-ways-webpack-hmr/
这是要看你的需求:
如果是纯静态项目,那么
webpack-dev-server
显然更适合, 简单粗暴。如果你需要和后端服务结合实现后端代码的修改也会更新浏览器,那么使用
webpack-dev-middleware
与webpack-hot-middleware
自个配个服务。
如果你有自己的特殊需求,需要自己定制个server,那就用 webpack-dev-middleware与webpack-hot-middleware,如果没有用 webpack-dev-server 就可以了