webpack - Webpack 4：内容哈希文件名？

Question

有没有办法将块内容的哈希放入每个文件的文件名中，而不是整个块的哈希？

我现在正在使用这个：

    output: {
        filename: '[name].[chunkhash].js',
        chunkFilename: 'chunk.[chunkhash].js',
    },
    plugins: [
        new MiniCssExtractPlugin({
            filename: '[name].[hash].css',
            chunkFilename: 'chunk.[chunkhash].css',
        }),
    ],

但是如果我修改了 JS 文件，[chunkhash]CSS 文件的值也会改变，反之亦然。没有理由使未更改文件的缓存无效。

Answer 1

当前版本的webpack(at least ^4.5.0) 和mini-css-extract-plugin(at least ^0.9.0) 分别支持in和中的[contenthash]占位符。output.filenamefilename