为什么HMR和chunkhash不能一起使用？

Question

我知道在webpack.config.js中HMR插件和chunkhash不能一起使用。但我不知道为什么。谁能帮我解释一下？

错误代码是：

const webpack = require("webpack");
const HtmlWebpackPlugin =  require("html-webpack-plugin");

module.exports = {
    devtool: "eval-source-map",
    entry: __dirname + "/app/main.js",
    output: {
        path: __dirname + "/build",
        filename: "bundle-[chunkhash].js"//改为“bundle.js”及为正确的代码
    },
    plugins: [
        new HtmlWebpackPlugin({
            template: __dirname + "/app/index.tmp1.html"
        }),
        new webpack.HotModuleReplacementPlugin(),
    ],
}

Answer 1

使用 HMR，块保存在内存中，永远不会发送到磁盘。真的没有理由使用哈希。现在，当您转移到生产环境时，您希望该哈希用于缓存清除目的。查看 Paragons. It is using HMR and in the Webpack config，您可以看到它是通过以下方式处理的：

filename: devMode ? '[name].js' : '[name].[hash].js',
chunkFilename: devMode ? '[name].js' : '[name].[chunkhash].js',

为什么HMR和chunkhash不能一起使用？

Why can HMR and chunkhash not be used together?

webpack

webpack-hmr