admin 案例分享 2023-06-09 19:01:55

各位 webpack 大佬，请问有没有办法手工加载 webpack 打包生成的 lazy chunk ？

webpack 将项目打包成三个文件，分别是：

runtime.js
main.js
lazy-chunk.js

其中主要功能都在按需加载的 lazy-chunk.js 里面。

index.html 文件中有直接引入了 runtime.js 和 main.js

<body>
  <button type="button" id="loadApp">Load App</button>
  <button type="button" id="setParam">Set Param</button>
  <button type="button" id="destoryApp">Destroy App</button>
  <div id="app-container"></div>
  <script src="runtime.js" defer></script>
  <script src="main.js" defer></script>
</body>

点击 button#loadApp 会通过 main.js 来加载 lazy-chunk.js 并在 div#app-container 进行初始化。

想问的问题是，有没有办法跳过 main.js ，直接加载 lazy-chunk.js 进行初始化？

----------------------- 以下是精选回复-----------------------

答:不知道你的目的是什么, 如果是希望减少一个请求的话, 直接把 main.js inline 到 html 里面就好了 (但既然如此为和又要生成 runtime.js 而不是和 main.js 放一起)

如果目的是自动执行的话, 你不可以直接改 main.js 逻辑或者 src=main.js onload=loadApp.click() 吗?

DABAN RP主题是一个优秀的主题，极致后台体验，无插件，集成会员系统
网站模板库 » 各位 webpack 大佬，请问有没有办法手工加载 webpack 打包生成的 lazy chunk ？