这不是直接基于本教程：（YouTube）ReactJS基础知识 - ＃2使用Webpack设置工作区
（所有列出的教程分别托管在GitHub上。）
但我一直在尝试创建一个本地React JS环境，我可以在Mac上练习编码。 （最终目标是将我的文件提供给GitHub并通过Heroku发布它们，以便我可以分享我工作的任何内容。）
我使用过本教程：https://www.kirupa.com/react/setting_up_react_environment.htm - 一切似乎都有效，但由于某些npm错误，我无法将文件托管到Heroku。
在任何情况下，我现在都很困惑，因为据说index.hmtl / index.jsx文件被“打包”到输出中的“myCode.js”文件中，这就是浏览器看到的内容。 （我假设这是Webpack所做的事情，因为它应该“捆绑”东西......现在我不太确定。）
但是我的印象是，如果我要更改index.jsx文件中的代码，那么myCode.js文件也会更新......但这是 NOT 的情况。这里有一个函数可以使教程中的代码继续显示。
我注意到这个输入与输出文件夹在大多数Web应用程序设置中都是一个东西，因此我需要了解这里发生了什么。
另一件事是：我已经从https://blog.hellojs.org/setting-up-your-react-es6-development-environment-with-webpack-express-and-babel-e2a53994ade以及本教程（上面）中下载了完成的设置文件... 当我打开index.html文件时，没有显示任何内容在我的浏览器中。
我错过了什么吗？我正在寻找一种方式来说，使用一个设置来不断练习和构建教程然后当我准备好时，清除主要工作文件并从头开始创建一个小测试应用程序...好像我在工作在真实的东西上（这意味着用数据库或一些“数据库替代品”）。
我希望将我的基本结构主要限制为：Node.js，React，Webpack＆amp;巴贝尔
我是所有这一切的新手，所以任何帮助都将不胜感激。我真的只想进行编码。
我也有一些与npm有关的问题。按照第一个教程，它是直截了当的，但是一旦我安装了一些东西，我就开始遇到问题。它似乎与全局文件和本地文件有关，但说实话，我只是想快速使用像npm和git这样的东西作为工具而不必从头开始了解它们......因为学习其余文件已经足够了一个挑战。
有没有人知道我可以复制，粘贴和进入代码的来源？！因为上面的教程对我来说没有意义。
谢谢， 四月
答案 0 :(得分：4)
有些事情发生，因为浏览器不支持ReactJS语法，它们也不支持ES6（更新版本的JS），您的代码需要将您的反应和ES6代码转换为ES5。 Babel将其转换为ES5，webpack捆绑您的模块。
<强> Node.js的 它只是服务器端的JS。您必须在计算机上安装它才能在本地运行JS代码。
<强> NPM Npm是JavaScript的包管理器。您可以使用它来下载和安装软件包（例如反应）。
<强>的WebPack Webpack是一个模块捆绑器，它接受带有依赖关系的模块，并通过基于某些配置将它们捆绑在一起来生成静态资产。
<强>巴别 babel-preset-es2015和babel-preset-react是babel-loader使用的插件，分别用于翻译ES6和JSX语法，因此您的浏览器可以解释它们。
Webpack中对加载器的支持使其非常适合与React一起使用。
我建议你遵循那些非常容易按照一步一步的说明进行的官方文档：