Webpack Module Federation 将共享库的名称更改为数字答案

【问题标题】：Webpack Module Federation changes names of shared libraries to numbersWebpack Module Federation 将共享库的名称更改为数字
【发布时间】：2021-06-28 02:27:58
【问题描述】：

使用 Webpack Module Federation，我如何在构建生产时保留开发文件名？

目前，它正在将它们全部更改为 3279.js 之类的数字，而不是 src_applications_myApp_jsx.js 之类的数字。

部分 Webpack 配置：

const { dependencies } = require('../package.json');

output: {
  chunkFilename: 'vendor/[name].js',
  filename: '[name]/app.js',
},

new webpack.container.ModuleFederationPlugin({
  shared: dependencies,
}),

问题是chunkFilename。将其更改为 'vendor/[id].js' 也不会改变任何内容。

Webpack 的文档说 [name] 属性只有在块有名称时才有效。所以我猜，为什么没有设置名称？

【问题讨论】：

标签： javascript webpack webpack-5 webpack-module-federation

【解决方案1】：

对于你可以使用的块

webpackConfig.optimization.chunkIds='named'

它会让你的块名称保持可读性，请参阅链接以获取更多文档 https://webpack.js.org/configuration/optimization/#optimizationchunkids

【讨论】：