project.config.js中配置全局变量

292 阅读1分钟

我工作处理一个react项目的时候,要实现某个功能可以通过在project.config.js文件中声明全局性质的变量,但是搜遍百度和掘金都没有发现相关可以使用的文档,通过新出现的chatgpt给我提供的信息自己研究实现了(不得不说chatgpt真牛逼):

以下是chatgpt给我提供的参考:

image.png

下面是具体步骤:

1、找到项目下面的project.config.js文件:

image.png

2、使用插件DefinePlugin前先引入:

image.png

3、在plugins下面进行配置:

image.png

这个时候就声明全局变量成功了!

这里为什么要用JSON.stringify还请自己百度,忘记加上原因了

4、下面就是在项目任意文件中使用:

image.png

控制台中显示使用成功:

image.png

注意事项:

project.config.js文件中每添加配置一个全局变量都要重启服务,并且两个变量之间加逗号!!

image.png