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

Posted 2023-02-16

【中文标题】Webpack Module Federation 将共享库的名称更改为数字

【英文标题】：Webpack Module Federation changes names of shared libraries to numbers

【发布时间】：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] 属性只有在块有名称时才有效。所以我猜，为什么没有设置名称？

【参考方案1】：

对于你可以使用的块

webpackConfig.optimization.chunkIds='named'

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