webpack热刷新后出现hot-update文件是否正常？

Question

在结合webpack-dev-middleware与webpack-hot-middleware对页面进行实时刷新之后
出现了大量的
*.hot-update.js,
*.hot-update.json,
*.hot-update.js文件。
如图：

webpack的官方文档里有提到这类文件会出现在output.path对应目录中，但是之前从来没有遇到过，这次用到上面提到的两个刷新中间件才出现。

求告知是否正常？

webpack.config.js

app.js

补：文件出现位置

Answer 1

webpack 的 hmr （Hot Module Replacement）：

HMR is a way of exchanging modules in a running application (and adding/removing modules). You basically can update changed modules without a full page reload.

模块热替换指的是页面在尽量不经过刷新的情况下将页面所引用的js或css等模块进行热替换。这些hot-update文件就是进行热替换需要的文件，但是热替换是开发环境下使用的，production不要使用。

不过webpack-dev-middleware采用的是memory-fs，不应该产生实体文件呀

Answer 2

最后，怎么解决的，我也出现这个问题了，是使用了 write-file-webpack-plugin插件。
我要dev环境也生成业务代码的js文件，但是这种热hot.js，我不想要。

        new WriteFilePlugin({
            // Write only files that have ".css" extension.
            // test: /\.(js|mjs|jsx|ts|tsx|css|less)$/,
            test: /((?!hot-update).)*/,
            useHashIndex: false
        }),