代码之家 › 专栏 › 技术社区 › Roman Mahotskyi

如何显示一个包。网站页脚中的json版本?

sveltekit svelte

Roman Mahotskyi · 技术社区 · 4 年前

我想显示包中声明的版本。我的网站页脚中的json文件

我该怎么做?

我发现 this 常见问题解答解释在他们的文档中,但不幸的是,我不知道如何从我的组件访问它

// svelte.config.js

import { readFileSync } from 'fs';
import { fileURLToPath } from 'url';
 
const file = fileURLToPath(new URL('package.json', import.meta.url));
const json = readFileSync(file, 'utf8');
const pkg = JSON.parse(json);

1 回复 | 直到 4 年前

Stephane Vanraes 4 年前

你可以用 vite.define 为此:

const config = {
  kit: {
    vite: {
      define: {
        VERSION: pkg
      }
    }
  }
};

在您的组件中:

<script>
  const version = VERSION;
</script>

<span>{version}</span>

推荐文章

Y-jiji · 调整大小时替换了假选择

1 年前

opensas · SvelteKit:使用vitest时出现错误invite.config.js:“没有重载匹配此调用”

1 年前

Localghost · 我如何在sveltekit的开发和发布版本中拥有单独的功能?

2 年前

Patrick Kenny · 如何将全局SCSS文件添加到Svelte/SvelteKit?

2 年前

Dorian · 使用Sveltekit和顺风对图像上的按钮进行动态重新定位

2 年前

adam says · 抓不回来?

2 年前

Justin · “svelte kit sync”是做什么的?

2 年前

Abdelfattah Radwan · 如何在自定义使用中执行SvelteKit表单操作的默认逻辑:增强SubmitFunction?

2 年前

Nathan · readFileSync找不到文件,即使文件存在于当前目录中

2 年前

Fred Hors · 升级到SveltKit 2时抛出“找不到模块'graphql request/build/esm/types'或其相应的类型声明.ts(2307)”

2 年前