Question

我正在尝试将我的React应用程序的后端更改为仅基于Flask，而不是使用两个不同的服务器（'npm'和'flask'）。

应用程序是使用'create-react-app'创建的，当前文件夹结构是：

- myapp
  - node_modules
  - src
    - App.js
    - index.js
    - index.css
    - App.css
  - templates
    - index.html
  app.py
  package.json

app.py文件包含以下代码：

from flask import Flask, render_template

app = Flask(__name__)

@app.route('/')
def index():
    return render_template('index.html')

if __name__ == '__main__':
    app.run(debug=True)

事情是，直到现在每次保存，npm都会自动捆绑并重新加载浏览器中的所有更改。现在，如果我在'index.html'中进行更改，则更改在浏览器中可见。但是，如果我尝试编辑“App.js”，则根本看不到更改。

从现在开始，每次保存时，我是否需要自己重新组合'App.js'和组件？

我对这一点感到有点困惑，所以任何帮助或建议都会受到高度赞赏。

Answer 1

完成开发过程后，您应该运行npm build它将创建一个名为build的静态文件的新文件夹。

然后您可以使用任何服务器来提供这些静态文件。

如果您要进行任何更改，请再次执行npm build并更新build文件夹中的捆绑版本

如果您希望在开发过程中使用后端服务器，create-react-app不适合您。你应该做npm eject，然后你可以做任何你想做的事情

使用Flask后端提供'create-react-app'文件

1 个答案: