【问题标题】:How to add package.json file to built react app?如何将 package.json 文件添加到构建的反应应用程序中?
【发布时间】:2018-12-09 20:56:35
【问题描述】:

如果使用 npm build 命令为生产环境构建一个 React 应用程序,我们可以得到一个构建命名文件夹。里面有 html、css 和 JavaScript,但是 package.json 文件不存在。

如果我们使用这个文件来设置http代理端点来连接API,我们不能很好地运行应用程序,因为找不到端点。

这种情况下如何正确处理这个json文件?

【问题讨论】:

  • proxy 设置仅用于 webpack 开发服务器代理请求。您确定要在生产中使用 webpack 开发服务器吗?
  • 我不确定。但事实是,如果不使用 package.json 文件,应用程序将无法正常运行。在那个文件之外设置代理好不好?

标签: json node.js reactjs npm build


【解决方案1】:

首先,如果你有一些 Node-React 应用程序的 package.json,你可以在示例 windows CMD(终端控制台)中运行并在其中创建一些文件夹,你可以将这个 package.json 并导航到这个文件夹,然后在那里输入 npm install .在此之外,您可以准备此 Node-React 应用程序所需的所有内容。正是用这个命令开始 make node_modules 文件夹有 stat install 需要包。下一步是制作文件夹:src 和 public,然后放下一个文件: 在 Src 文件夹 App.js、index.js、App.css 在公用文件夹 index.html 上。 这是因为在这个 package.json 中存在启动应用程序所需的所有内容,但是如果您通过菜单构建 package.json,这可以通过运行 npm 来实现。 在 CMD 中初始化。
在 package.json 文件中使用代理,例如,如果您发送一些数据以防客户端-服务器应用程序。在服务器端快递上,您有 HTTP 请求 axios 的客户端。在 package.json 文件中添加行 "proxy":"http://localhost:3001" 从服务器。对于那个请。看How to set port for express server dynamically?

【讨论】:

  • 非常感谢您的精彩回答!
猜你喜欢
  • 2019-02-16
  • 1970-01-01
  • 2016-10-06
  • 2020-04-19
  • 1970-01-01
  • 2017-08-12
  • 1970-01-01
  • 2022-08-03
  • 1970-01-01
相关资源
最近更新 更多