npm - 如何使用 Vite 向用户显示 package.json 中的当前应用程序版本？

Question

使用 create-react-app 可以使用 process.env.REACT_APP_VERSION为了这。
Vite 中是否有等价物？

Answer 1

如果你想使用插件，见Adarsh's answer
但是自己实现它很容易。
您可以使用 define在 vite.config.js .阅读它 here
vite.config.js

export default {
    plugins: [vue()],
    define: {
        '__APP_VERSION__': JSON.stringify(process.env.npm_package_version),
    }
}

组件.vue

<template>
    <div>{{ version }}</div>
</template>
<script>
export default {
    data () {
        version: __APP_VERSION__
    },
}
</script>

或与 <script setup>

<script setup>
const version = __APP_VERSION__
</script>
<template>
    <div>{{ version }}</div>
</template>

您应该可以更改 '__APP_VERSION__'只要它不与 javascript 语法或其他变量冲突。