seems it doesn't work in Vite 4.0.0

[qinhua]

I added the following code to index.html, but it did not take effect

<!-- Hotjar Tracking Code -->
  <link vite-if="<{ VITE_APP_ENV }> === prod" rel="preconnect" href="https://static.hotjar.com" />
  <script vite-if="<{ VITE_APP_ENV }> === prod">
    ; (function (h, o, t, j, a, r) {
      h.hj =
        h.hj ||
        function () {
          ; (h.hj.q = h.hj.q || []).push(arguments)
        }
      h._hjSettings = { hjid: xxxxx, hjsv: 6 }
      a = o.getElementsByTagName('head')[0]
      r = o.createElement('script')
      r.async = 1
      r.src = t + h._hjSettings.hjid + j + h._hjSettings.hjsv
      a.appendChild(r)
    })(window, document, 'https://static.hotjar.com/c/hotjar-', '.js?sv=')
  </script>

[sunhak-hout]

Just in case anyone facing the same issue, Vite added support for HTML Env Replacement since v4.2.0. Without the need to install extra dependencies, check this out https://vitejs.dev/guide/env-and-mode.html#html-env-replacement