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

Question

使用 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] 属性仅在块有名称时才有效。所以我想，为什么没有设置名称？

Answer 1

对于块你可以只使用

webpackConfig.optimization.chunkIds='named'

这将使您的块名称保持可读性，请参阅 link 以获取更多文档 https://webpack.js.org/configuration/optimization/#optimizationchunkids

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

Webpack Module Federation changes names of shared libraries to numbers

javascript

webpack

webpack-5

webpack-module-federation