reactjs - React dom - 从 src/app.js 渲染到 public/scripts/app.js

Question

我开始学习 React DOM。几天前我已经正确安装了所有组件，并且我的第一个应用程序曾经正常工作。

现在我在我的应用程序中从 src/app.js 渲染到 public/scripts/app.js 时遇到问题。当我修改 src/app.js - 没有渲染到 public/scripts/app.js 。

我的实时服务器工作正常并准备好进行更改，但是当我保存 src/app.js 的更改时，这不会修改 public/scripts/app.js 。

我在windows..

感谢您的帮助。

Answer 1

您在脚本中 app.js 中的主文件不知道您在 src 中的 App.js 文件中所做的更改。React 没有提供这个特性。您需要手动完成。为此，您需要在 package.json 文件中安装Babel。打开具有文件位置路径的终端并在那里安装Babel-Cli。

npm install babel-cli --save

现在，使用您的文件位置路径打开另一个终端并点击以下命令：

babel src/App.js --out-file=public/scripts/app.js --presets=env,react -watch

现在让这个终端保持原样。它会将你的 ES6 javascript 从 src 转换到 scripts 文件夹。确保在工作时保持该终端打开。希望这有效。