小编Pet*_*ete的帖子

TypeScript 获取 Svelte 组件的 prop 类型

假设您正在使用从其他地方导入的组件

<Animal species={animalSpecies} /> // species has a specific type
Run Code Online (Sandbox Code Playgroud)

并且你想向它传递一个你期望从其他地方得到的某个变量:

<script lang="ts">
import Animal from 'animals'
export let animalSpecies : ???
</script>

<Animal species={animalSpecies} />
Run Code Online (Sandbox Code Playgroud)

一种方法是进入源文件并找到直接导入类型的方法。但是是否可以直接从组件中检索类型?

例如,如果有一种方法可以获取类似以下的 typeof:

export let animalSpecies : ComponentType<Animal.species>
Run Code Online (Sandbox Code Playgroud)

typescript svelte

12
推荐指数
3
解决办法
4648
查看次数

在 Vite 配置中访问 dotenv (.env) 变量和构建模式

遵循Vite 的 dotenv 指南,我已经能够在项目中使用 .env 变量进行设置,这些变量依赖于使用不同文件(例如.env.beta,启动vite ... --mode beta)的不同模式(测试模式、生产模式等)。

但是,我想根据vite.config.ts这些模式进行一些修改。例如,如果我使用 构建,--mode beta我想更改在 vite 配置中实例化为插件的 PWA 标题和图标路径,但这些是在 中定义的vite.config.ts,据我所知,它无法访问环境变量(例如import.meta.env.VITE_BETA)。

如何访问构建模式或环境变量以进行vite.config.ts更改?

dotenv vite

4
推荐指数
1
解决办法
7903
查看次数

标签 统计

dotenv ×1

svelte ×1

typescript ×1

vite ×1