如何使用TypeScript实现WebSocket 4.0的热更新功能?

更新于
2026-10-01 08:25:32
0阅读来源:SEO基础
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计449个文字,预计阅读时间需要2分钟。

如何使用TypeScript实现WebSocket 4.0的热更新功能?

最近搭建了一个webpack4+typescript的开发环境,记录了一些配置细节。环境搭建相对顺利,但持续更新确实是个头疼的事。本地环境基于webpack-dev-server搭建,配置如下:

jsonoutput: { publicPath: '/dist/'}

最近搞了一个webpack4+typescript的开发环境,折腾了很久现在记录一下。。。。

本身环境比较好搞,但是热更新是个麻烦事儿

本环境是基于webpack-dev-server搭建的

output: { publicPath: '/dist', path: path.resolve(__dirname, 'dist'), filename: 'ljax.bundle.js', hotUpdateChunkFilename: 'hot/hot-update.js', hotUpdateMainFilename: 'hot/hot-update.json' },

publicPath是必须的字段,不添加HRM就没有效果

在热更新的时候会出现很多hot-update.js和hot-update.json的细碎文件

使用hotUpdateChunkFilename和hotUpdateMainFilename指定他们只生成一个文件,目前没有找到不生成这两个文件的办法,如果哪位大佬知道的话请告知。

阅读全文

本文共计449个文字,预计阅读时间需要2分钟。

如何使用TypeScript实现WebSocket 4.0的热更新功能?

最近搭建了一个webpack4+typescript的开发环境,记录了一些配置细节。环境搭建相对顺利,但持续更新确实是个头疼的事。本地环境基于webpack-dev-server搭建,配置如下:

jsonoutput: { publicPath: '/dist/'}

最近搞了一个webpack4+typescript的开发环境,折腾了很久现在记录一下。。。。

本身环境比较好搞,但是热更新是个麻烦事儿

本环境是基于webpack-dev-server搭建的

output: { publicPath: '/dist', path: path.resolve(__dirname, 'dist'), filename: 'ljax.bundle.js', hotUpdateChunkFilename: 'hot/hot-update.js', hotUpdateMainFilename: 'hot/hot-update.json' },

publicPath是必须的字段,不添加HRM就没有效果

在热更新的时候会出现很多hot-update.js和hot-update.json的细碎文件

使用hotUpdateChunkFilename和hotUpdateMainFilename指定他们只生成一个文件,目前没有找到不生成这两个文件的办法,如果哪位大佬知道的话请告知。

阅读全文