reactjs Next js -从环境变量内部的路径导入函数

g6baxovj  于 2023-08-04  发布在  React
关注(0)|答案(1)|浏览(110)

我试图导入一个函数,它的路径是在一个环境变量
当前导入:
从“../lib/site-A/utils”导入{ debug }
预期导入:
从进程.env.DEBUG_PATH导入{ debug }
在我的env.local中,我有:
DEBUG_PATH=../lib/site-A/utils
我尝试了这种方法,但没有成功。
我试图有多个网站具有相同的核心代码。而一些动态值(常量、标题、颜色)会有所不同
我还在next js中发现了一些关于动态导入的东西。但似乎更多的是与组件有关
实现这一目标的最佳做法是什么?
提前致谢

yzckvree

yzckvree1#

在Next.js中,不能在import语句中直接使用process.env。相反,使用动态导入来加载基于环境变量的函数,如下所示:

// Your code file where you want to use the function
import dynamic from 'next/dynamic';

const debugImport = dynamic(() => import(process.env.DEBUG_PATH), {
  ssr: false, // This ensures the import is only done on the client-side
});

async function someFunction() {
  const { debug } = await debugImport;
  // Now you can use the 'debug' function as needed.
}

字符串
在您的.env.local:

DEBUG_PATH=../lib/site-A/utils

相关问题