vue怎么获取package.json中的版本号

HL061

已于 2023-04-21 11:14:14 修改

阅读量8.1k

点赞数 5

文章标签： vue.js json 前端

于 2022-08-25 17:45:51 首次发布

本文链接：https://blog.csdn.net/weixin_52335582/article/details/126529422

版权

webpack下可以在vue.config.js中获取并赋给process.env

process.env.VUE_APP_VERSION = require('./package.json').version

然后在页面中获取版本号

created() {
    this.version = process.env.VUE_APP_VERSION
  }

vite和ts下可以在vite.config.ts配置 process.env.npm_package_version可以直接获取到版本号

export default defineConfig((configEnv) => {
    return {
        define: {
          __Admin_VERSION__: JSON.stringify(process.env.npm_package_version)
        }
    }
})

在ts中使用. 因为这是从全局中获取的，ts中会检测找不到这个变量虽然还是可以拿到值，可以用@ts-ignore忽略这行代码的检查

// @ts-ignore
const version = __Admin_VERSION__ as string