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

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

你可能感兴趣的:(vue.js,json,前端)