javascript - 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'

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