小编vex*_*der的帖子

我正在使用 vitejs 静态编译我的 React 应用程序，但是在构建后 .env 导入变得未定义，而开发阶段的情况并非如此。

阅读文档我发现这些变量被它们相应的值替换，但是在服务后查看开发工具中的源代码/编译代码时，它显示了一个带有环境名称/密钥的空对象

我可能在 vite.config.ts 中有错误的配置，所以这里是。

//vite.config.ts
import { defineConfig, loadEnv } from 'vite';
import reactRefresh from '@vitejs/plugin-react-refresh';
import { getAliases } from 'vite-aliases';

const aliases = getAliases({
  path: 'src',
  prefix: '@',
});

export default ({ mode }) => {
  process.env = { ...process.env, ...loadEnv(mode, process.cwd()) };

  // import.meta.env.VITE_NAME available here with: process.env.VITE_NAME
  // import.meta.env.VITE_PORT available here with: process.env.VITE_PORT

  const plugins = mode === 'development' ? [reactRefresh()] : [];
  return defineConfig({
    plugins,
    publicDir: 'src/assets',
    resolve: …

我正在尝试创建自己的私有组件库。我设法使用 prop-types 显示 prop 的描述，但未显示预期值。我还没有看到任何有关此的文档，或者我只是盲目的。

这就是我想要实现的目标，就像在材质 UI 中一样。