admin管理员组

文章数量:1123503

I have a webpack project with React components that dynamically import their translations based on the locale:

const MyPageComponent = () => {
  ...
}

// This function is handled by the router util that loads the pages
export const loadTranslations = (locale: Locale) =>
  loadTranslationsJSON(
    locale,
    import(
      /* webpackChunkName: "[request]" */ `./i18n/${locale}.json`
    ),
  );

When updating content in the JSON file, the content does not update through fast refresh/hot reload. When I statically import any other JSON file and change its content, fast refresh works fine.

I tried to follow Webpack's HMR documentation, but I'm puzzled as to how apply this to a JSON file...

Would anyone have any pointers for me?

Thanks in advance

本文标签: Webpack hotreload dynamic import jsonStack Overflow