vue3+ts 读取package.json中的项目版本信息

最新推荐文章于 2025-01-06 17:49:06 发布
原创 最新推荐文章于 2025-01-06 17:49:06 发布 · 1.2k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue #typescript #json

本文介绍了在使用TypeScript时，如何轻松地导入并访问`package.json`中的version信息，无需依赖fs等外部库，显示了TypeScript对JSON文件处理的强大内置支持。

找了一圈都在用fs之类的，结果无意之间发现typescript对JSON文件已经有足够好的支持了

只需要

import PackageJson from '../../package.json'

const version = PackageJson.version

就可以获取到package.json中的version信息了。

InfSein
关注
Vue3核心源码笔记#配置环境（获取到打包文件）（一）
qq_68073427的博客
04-15 1479
打包是用monerepo,所以需要安装一下yarn,不能使用npm进行项目初始化，npm install -global yarn yarn init -y。
Vue中的webpack打包（重点：webpack.config.js与package.json）
qq_51066068的博客
06-05 1247
Vue中的webpack打包（重点：webpack.config.js与package.json）
vue怎么获取package.json中的版本号
weixin_52335582的博客
08-25 8632
vue怎么获取package.json中的版本号
vue package.json
05-03
vue package.json 配置 直接npm run dev即可 vue package.json 配置 直接npm run dev即可
vue取出package.json的版本号version并显示在页面上
weixin_45455227的博客
08-11 5129
import config from '../../package.json' console.log(config.version) so easy!
VUE3 学习笔记（十）查看vue版本
sensor_WU 博客
05-21 1457
查看vue版本命令
精选资源
vite5+vue3+ import.meta.glob动态导入vue组件
03-25
在现代前端开发中，Vue3 和 Vite5 的结合提供了高效、快速的开发体验。Vite 是由 Vue.js 作者尤雨溪开发的一款新型构建工具，它利用了 ES 模块的原生加载能力，实现了热更新和按需编译，极大地提升了开发效率。Vue3 ...
uniapp vue3 app 怎么获取package.json中的version
最新发布
09-27
在 **UniApp + Vue3** 项目中，你可以通过 `require` 动态导入 `package.json` 文件来获取其中的 `version` 字段。虽然 `package.json` 不是前端资源文件，但在构建时它存在于项目根目录下，可以通过相对路径安全...
尚硅谷· vue3+ts 知识点学习整理 |14h的课程（持续更ing）
weixin_42479421的博客
01-06 1374
2020.9.18vue3发布本文按照，2023.10发布的公开版本3.3.4来讲解特点：性能提升打包体积减少、初次渲染更快、更新更快、内存减少源码升级用Proxy代替defineProperty实现响应式；重写虚拟DOM的实现和Tree-Shakingvue3支持TypeScript新特性CompositionAPI（组合式API）：setup、ref与reactive、computed与watch内置组件。
vite+vue3+ts项目上线docker 配置反向代理API
yexuanbaby的专栏
01-29 2012
将dist上传到服务器的文件夹里，一般是在/www/wwwroot 文件夹下面建立一个新的文件夹，比如叫做 newpro。vite配置的代理，当dist离开本地电脑时，vite就已经不再负责了，服务器上的代理，由nginx代理来完成。在newpro文件夹里，建立Dockerfile文件，可以在本地写好，传上去。更重要的是，和vite.config.ts中不同的是，要加上末位的两个 '/'这个代理，要在服务器nginx，不要在docker里做！这个代理，要在服务器nginx，不要在docker里做！
vue3 package.json
weixin_45184807的博客
05-02 929
1111
vue3 如何获取json文件内容
前端小陈的成长记录
09-08 2381
读取本地有json文件或者根据文件路径获取的json文件中的内容
vue3如何获取本地json文件和调用后端接口渲染数据(uniapp&vue3)
qq_48434912的博客
05-16 5099
值得注意的是由于ref原理上是使用proxy代理，所以在赋值时需要.value。
vue获取package.json中version版本号并在页面中显示
seeeeeeeeeee的博客
10-18 5149
很简单，就两部 第一步：引入package.json 这里注意记得改路径！！ import config from '../../../package.json' 第二步：使用 console.log(config.version); 如果要再页面上使用，就把config.version赋值给一个变量，然后变量直接插值放到页面需要的位置上就行了。以后编译的时候改下版本号就可以页面上的同步变动版本号显示。 ...
Vue 中获取 package.json 信息
前端技术
03-17 5751
// 注意 package.json 文件无需 export，直接 import import config from '../package.json' // 获取版本号 let version = config.version; // 获取插件vue-router 的版本号 let baseVersion = config.dependencies['vue-router']; 知识扩展 一、package.json 中~和^的区别 "devDependencies": { "...
【vue】package.json查看自己的vue版本号
dujuancao11的博客
09-22 1357
【vue】package.json查看自己的vue版本号
Vue中package.json版本号详解
qq_33816425的博客
05-31 2351
一、版本号介绍 1、版本号命名规范： 插件版本号有四个部分组成： 1）、主版本号：一半当功能模块有较大的变动，比如增加模块或是整体架构发生变化
npm指定版本
qq_37942845的博客
10-09 1834
在npm中安装固定的版本号package，只需要在其后加 ‘@版本号’ cnpm i vant@2.2.1 -S 或者在package.json上写入版本 1.版本号基本格式 主号.次号.修补号 2.版本号规则 1)version指定版本号 "vue-clipboard2": "0.0.8" //指定所依赖的该组件必须是 0.0.8 版本的 2)>version 大...
vue3 工程package.json说明
qq_41005300的博客
12-03 3882
vue3 package说明 通过整理package.json文件，梳理出来了后续要了解的相关知识有：
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值