Zenn
Open5

Qwik 1.14.0から入ったPreloaderの動きを調べる

Qwik
Nakano as a ServiceNakano as a Service

https://qwik.dev/blog/qwik-1-14-preloader

vite.config.tsをいじってminify、マングリング、圧縮を無効化した上で動きを見てみる

export default defineConfig(({ command, mode }): UserConfig => {
  return {
    plugins: [qwikCity(), qwikVite(), tsconfigPaths(), tailwindcss()],
    base: "/uuid58-playground/",
    build: {
      minify: false,
      terserOptions: {
        compress: false,
        mangle: false,
      },
    },

pnpm run build
cd ./dist
python3 -m http.server 8000
Nakano as a ServiceNakano as a Service

優先順位の低いスクリプトがPreloaderによってロードされているのがわかる。
Initialtorの列をクリックして呼び出し元のPreloaderのコードを見る。