如何使用 webpack 为特定块设置特定名称，同时为其他块使用哈希？答案

【问题标题】：How to set a specific name for a specific chunk with webpack while using hash for other chunks?如何使用 webpack 为特定块设置特定名称，同时为其他块使用哈希？
【发布时间】：2020-03-09 01:25:55
【问题描述】：

在我的应用程序中，我正在使用延迟加载模块：

import(/* webpackChunkName: "settings" */ './settings')

Webpack 的输出配置如下：

output: {
    filename: '[name].[hash:8].js',
    chunkFilename: '[name].[contenthash:8].js',
  }

但是，当我部署我的应用程序时，一个脚本负责覆盖之前构建的 settings.js 文件中的一些信息。

我知道我可以删除 [contenthash]，但我需要为供应商块保留它。

我怎么能对 webpack 说“如果你看到设置块，不要在他的名字后面附加 contenthash”？

【问题讨论】：

标签： webpack vue-cli

【解决方案1】：

如以下评论所述 - 目前无法为 chunkFilename 提供函数（上一个答案）。

但是，您可以使用 WebpackAssetManifestPlugin 创建一个清单文件，其中包含原始块名称（设置）和散列版本的映射。

您的部署脚本需要先读取此清单文件。

【讨论】：

目前 chunkFilename 不接受函数。