Webpack Require Cache 注意事项

问题背景

Vue项目中在做动态路由的时候，用到了Require.context载入路由方式，载入过程中修改了Require.context的值，后续发现重新退出重新登录是会存在缓存。

  const asyncFiles = await require.context('./xxx', true, /\.ts$/,'sync')

解决方案

删除缓存require.cache

delete require.cache[require.resolve('./xxx/xx1.ts')]
delete require.cache[require.resolve('./xxx/xx2.ts')]