Reactjs 为什么我们要在React项目中使用下一个js配置文件?什么';使用它的主要目的是什么?

Reactjs 为什么我们要在React项目中使用下一个js配置文件?什么';使用它的主要目的是什么?,reactjs,next.js,configuration-files,Reactjs,Next.js,Configuration Files,我需要知道有关配置文件的信息。为什么我们用它来反应项目。 使用next.js,您可以在“.env.local”中编写环境变量,但这些环境变量将用于服务器端。如果要为客户端添加环境变量,请将其添加到next.config.js 如果你想添加一个新的网页插件 如果您想将应用程序转换为progresive web应用程序 module.exports = { webpack: (config) => { // adding a webpack pugin

我需要知道有关配置文件的信息。为什么我们用它来反应项目。

  • 使用next.js,您可以在“.env.local”中编写环境变量,但这些环境变量将用于服务器端。如果要为客户端添加环境变量,请将其添加到next.config.js

  • 如果你想添加一个新的网页插件

  • 如果您想将应用程序转换为progresive web应用程序

     module.exports = {
        webpack: (config) => {
          // adding a webpack pugin
           config.plugins.push(new MonacoWebpackPlugin());
          return config;
        },
        // this will pass the env variable to the client side
        env: {
          AUTH0_NAMESPACE: process.env.AUTH0_NAMESPACE,
          BASE_URL: process.env.BASE_URL,
          EMAILJS_SERVICE_ID: process.env.EMAILJS_SERVICE_ID,
          EMAILJS_TEMPLATE_ID: process.env.EMAILJS_TEMPLATE_ID,
          EMAILJS_USER_ID: process.env.EMAILJS_USER_ID,
          BASE_URL: process.env.BASE_URL,
    
        },
        // set up for progressive app
         pwa: {
          dest: "public",
          // runtimeCaching,
          swSrc: "service-worker.js",
        },
    
      };
    

您需要在next js项目中添加配置文件,以实现next.js的自定义高级行为。文件next.config.js是一个常规的Node.js模块,而不是JSON文件。它被Next.js服务器和构建阶段使用,并且不包括在浏览器构建中

您看过了吗?