我有类似的问题，并解决了这个问题。
我的本地文件如下所示：

import dictionary from './locales/en.json'

const en = dictionary

window.__default_dictionary__ = en

module.exports = en

我的语言环境结构如下所示：enter image description here
必须在Webpack配置中为splitChunks.cacheGroups添加新的cacheGroup

locales: {
  enforce: true,
  reuseExistingChunk: true,
  priority: 50,
  chunks: 'all',
  test(module) {
    if (/[\\/]src\/i18n[\\/]/.test(module.resource)) return true

    return false
  },
  name(module) {
    const moduleFileName = module
      .identifier()
      .split('/')
      .reduceRight((item) => item)
      .replace('.json', '')
      .replace('.js', '')
    return `locales~${moduleFileName}`
  },
},

现在你所有的语言环境文件将被提取到另一个块文件中。
您可以使用任何处理程序来加载语言环境，例如：

loadLocaleHandler: async (locale: Locale) => {
    let localeModule: { default: Dictionary } = await import(`i18n/${locale}`)

    return localeModule.default
  },

为了让一切正常运转，你必须

• 为结果html添加区域设置块

<script src="/assets/webpack/js/runtime.js" defer="defer"></script>
<script src="/assets/webpack/js/vendors.js" defer="defer"></script>
<!-- For example it maybe value from cookie or context of app -->
<script src="/assets/webpack/js/locales~(en|it|es).chunk.js" defer="defer"></script>
<script src="/assets/webpack/js/entry.js" defer="defer"></script>

• 将magic webpack代码添加到入口点

const defaultLocale: Locale = cookies.getItem('locale') || process.env.DEFAULT_LOCALE
if (__webpack_modules__[`./src/i18n/${defaultLocale}.js`]) {
  __webpack_require__(`./src/i18n/${defaultLocale}.js`)
}

总计：

• 你不需要等待第一次请求时通过运行时导入加载语言环境
• 您可以为多区域设置和多域应用程序组织区域设置
• 所有语言环境都保持动态模块，可以在运行时加载

我不能发表这么长的评论，所以它必须是一个答案...
所以看起来模块之间没有真实的的链接，捆绑器不能在编译时解析它们，所以它们没有被发出。我在代码中唯一改变的是模块是如何导入的，它是开箱即用的：

const langCode = getLangCode();

let mod;

import("./locales/locale.en")

switch (langCode) {
    case "en":
        import(`./locales/locale.en.js`).then(m => {
            mod = m;
            console.log("loaded locale");
        })
        break;
    case "de":
        import(`./locales/locale.de.js`).then(m => {
            mod = m;
            console.log("loaded locale");
        })
        break;
    default:
}

export function getText(text) {
    return mod.getText(text);
}

function getLangCode() {
    return "de";
}

我知道开关的情况并不理想，但捆绑器不能自动猜测这种模式：./locales/locale.${langCode}.js并添加目录中与.js匹配的所有文件。
doc表示以下内容：
“弱”：如果模块函数已经以其他方式加载，则尝试加载模块（例如，另一个块导入了该模块，或者加载了包含该模块的脚本）。仍会返回Promise，但只有在块已在客户端上时才能成功解析。如果模块不可用，承诺被拒绝。网络请求将永远不会被执行。当所需的块总是在初始请求中手动提供时，这对于通用呈现很有用（嵌入在页面中），但不适用于应用导航将触发最初未提供的导入的情况。
据我所知，这意味着块应该已经在页面上，并通过其他方式生成。
我希望这能帮助你解决你的问题。

为了使用weak，你必须已经手动提供了文档中所述的块。这意味着将其作为注解添加到动态导入中不会创建任何块（与lazy和lazy-once相反）。
有没有一种干净的方法可以让Webpack为动态导入的模块发出块，但不异步下载它们？

• • 对于同步加载：**

您可以：
1.使用webpackMode: "lazy"并按照您的说明在脚本标记中包含块（如果缺少块，则拒绝返回的Promise）。
1.您可以将locale js文件定义为dynamic entry points，然后自己手动加载它们。
对于您的示例，为每个语言环境创建一个入口点可能类似于：

const glob = require('glob')

module.exports = {
    devtool: false,
    entry: {
        ...glob.sync('./src/locales/*').reduce((acc, module) => {
            const name = module.replace('./src/locales/', '').replace('.js', '')
            acc[name] = module
            return acc
        }, {})
    }
};

这将发出locale.de.js和locale.en.js包，然后您应该以某种方式手动加载<script defer src="locale.<locale>.js"></script>，但这取决于您如何服务您的应用。

• • 对于异步加载：**

您可以将webpackMode: "lazy"与webpackPreload: true一起使用，以便解耦main和locale块请求。
预加载的块开始与父块并行加载。