如何从package.json向使用Vite的用户显示当前的应用版本？
如何从package.json向使用Vite的用户显示当前的应用版本？
提问于 2021-04-21 18:32:19
有了create-react-app，我们就可以使用process.env.REACT_APP_VERSION来实现这一点。
在Vite中有没有类似的东西？
回答 2
Stack Overflow用户
回答已采纳
发布于 2021-06-23 13:03:53
如果要使用插件，请参见Adarsh's answer
但是很容易自己实现它。您可以在vite.config.js中使用define。阅读关于它的here
vite.config.js
export default {
plugins: [vue()],
define: {
'__APP_VERSION__': JSON.stringify(process.env.npm_package_version),
}
}component.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语法或其他变量冲突，您就应该能够更改它。
Stack Overflow用户
发布于 2021-08-20 21:26:57
如果你不想使用define，有一个专门的vite插件。
https://www.npmjs.com/package/vite-plugin-package-version
// vite.config.js
import loadVersion from 'vite-plugin-package-version';
export default {
plugins: [loadVersion()],
};将使用您的package.json中指定的版本注入import.meta.env.PACKAGE_VERSION。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/67194082
复制相关文章
相似问题
腾讯云开发者
