MicroApp 1.0.0-rc.4版本 vue3+vite打包部署js重复加载

80 阅读1分钟

MicroApp 1.0.0-rc.4版本下

  • 基座:vue3+vite
  • 子应用:vue3+vite

打包构建部署ngnix上,子应用js重复加载两次

img_v3_02cv_d6c4825d-4e92-4692-9b8f-378f0084e4bg.jpg

查看页面结构发现是 modulepreload

img_v3_02cv_123157c2-ea62-4b59-bc69-dd130cfbc8eg.jpg

解决办法: 通过vite打包 移除modulePreload

切记:不要配置,这种方式会把css也移除了,只需要移除js就行

build:{
   modulePreload: false,
}

子应用配置vite.config.ts

  build: {
    modulePreload: {
      resolveDependencies(filename, deps) {
        return deps.filter((dep) => !dep.endsWith('.js'));
      }
    }
  }

重新构建以后,效果如下

img_v3_02cv_c2740e0e-636b-4260-b84c-f8d08d08bf1g.jpg

img_v3_02cv_916302e6-8c48-47e8-8ca2-cc804eb9725g.jpg