如何像js文件一样使用哈希名称来命名CSS文件？

Question

在webpack中，我可以将bundle命名为hash，就像这样：

output: {
    path: resolvePath('dist'),
    filename: '[name].[contenthash].js'
  },

这会生成如下文件：

34.9e884d9e0051cf81aff5.js
bundle.936eb50aa67577f751e6.js
vendors.df56297c28c1d1017f2a.js

但是css文件不会被散列，而是保留：

bundle.css

当我在服务器中使用缓存并且由于未重命名css文件而未应用更改时，问题就来了。

如何告诉webpack创建类似9e884d9e0051cf81aff5.bundle.css的东西？

Answer 1

我想您正在使用此mini-css-extract-plugin？

new MiniCssExtractPlugin({
 filename: '[contenthash].bundle.css'
}),