think-webpack-dev-middleware ThinkJS适用的webpack开发中间件
ThinkJS 的 webpack 开发中间件think-webpack-dev-middleware
挺适合前端开发时用来搞热更新的,是你用 ThinkJS 2.x 的项目,集成起来还蛮顺的。不用自己手撸一堆配置,按套路来就行,启动快,开发体验也比较舒服。
在hook.js
里加一行resource: ['webpack-dev']
就能挂上钩子,再配上middleware.js
里引入webpackDevMiddleware
和webpack
,基本就能跑起来。热更新直接生效,改完保存就能看到效果,挺爽的。
建议你代码结构清晰一点,webpack.config.js
单独写清楚路径和输出配置,不然出些莫名其妙的小问题。哦对了,如果你还没用过webpack-dev-middleware
,可以先看看这篇,里面讲得蛮直白的。
另外,如果你也搞React
或者其他前端框架,顺带也能参考下这个中间件搭建示例,配合起来还挺方便的。
,如果你在用 ThinkJS 写项目,又想让 webpack 热更新省点事儿,不妨试试think-webpack-dev-middleware
,装起来试试就知道。
14.17KB
文件大小:
评论区