think-webpack-dev-middleware ThinkJS适用的webpack开发中间件

ThinkJS 的 webpack 开发中间件think-webpack-dev-middleware挺适合前端开发时用来搞热更新的,是你用 ThinkJS 2.x 的项目,集成起来还蛮顺的。不用自己手撸一堆配置,按套路来就行,启动快,开发体验也比较舒服。

hook.js里加一行resource: ['webpack-dev']就能挂上钩子,再配上middleware.js里引入webpackDevMiddlewarewebpack,基本就能跑起来。热更新直接生效,改完保存就能看到效果,挺爽的。

建议你代码结构清晰一点,webpack.config.js单独写清楚路径和输出配置,不然出些莫名其妙的小问题。哦对了,如果你还没用过webpack-dev-middleware,可以先看看这篇,里面讲得蛮直白的。

另外,如果你也搞React或者其他前端框架,顺带也能参考下这个中间件搭建示例,配合起来还挺方便的。

,如果你在用 ThinkJS 写项目,又想让 webpack 热更新省点事儿,不妨试试think-webpack-dev-middleware,装起来试试就知道。

zip 文件大小:14.17KB