電子偽造包裝時如何預編譯打字稿

Question

該應用程序在真正加載之前會先顯示空白屏幕一段時間

我正在使用電子偽造的react-typescript模板 。

我可以成功制作dmg或deb文件，但是我注意到，當我運行打包的應用程序時，在應用程序實際加載之前，尤其是第一次加載該應用程序之前，會出現空白屏幕

我檢查了可分發文件，並在其中找到了整個源代碼，所以我想這是因為每次都必須編譯typescript嗎？

然后，如何“預編譯”我的源代碼並使用它來制作可分發的應用程序？

更新：由於該項目是由其他同事開發的，所以我才發現該項目正在使用電子編譯功能對其進行即時編譯，也許解決方案與此有關？

Answer 1

我檢查了可分發文件，並在其中找到了整個源代碼，所以我想這是因為每次都必須編譯打字稿嗎？

這不是真的。 當前穩定器使用electron-prebuilt-compile （ https://github.com/electron-userland/electron-forge/blob/1709af0bc53bd962466dd2025672b95f2e9399cc/packages/api/core/src/util/electron-version.ts#L6 ）緩存打字稿文件以節省打包時間。 Typescript源僅在實際文件系統中用於模塊解析時才需要。

在應用實際加載之前（尤其是第一次）會有一段時間的空白屏幕

這需要對應用程序本身進行性能分析，以找出其間正在發生的事情。 模塊解析可能會花費很長時間，也可能會阻塞任何js執行時間，但是如果不對其進行概要分析就無法分辨。