Remove any logic for import.meta.env.X based on different environments

[muuvmuuv]

So, I was wondering if it is somehow possible to remove any logic automatically that is used with import.meta.env.DEV vars.

Let's say I have an if-clause in Vue3 v-if="isDev", isDev is assigned in my <script setup.. and now running vite build would completly remove anything related to it since import.meta.env.DEV is false.

Did anyone create something like this before, or is this even possible? Maybe not because of how different React/Vue looks like, but a simple JS if-clause might work better to remove example data that is only used in dev mode.

[Shinigami92]

I'm not quite sure, but maybe you want SSR instead of client side served code? 🤔

[muuvmuuv]

This would work, but I can only deploy static content to our host. So, I would like to have a solution that removes any dev code in my bundle.