(所有列出的教程分别托管在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文件也会更新……但事实并非如此.这里有一个函数可以使教程中的代码继续显示.
我注意到这个输入与输出文件夹在大多数Web应用程序设置中确实是一个东西,因此我需要了解这里发生了什么.
这是另一件事：我已经从https://blog.hellojs.org/setting-up-your-react-es6-development-environment-with-webpack-express-and-babel-e2a53994ade和本教程(上面)下载了完成的设置文件…当我打开index.html文件时,我的浏览器中没有显示任何内容.
我错过了什么吗？我正在寻找一种方式来说,使用一个设置来不断练习和构建教程然后当我准备好时,清除主要工作文件并从头开始创建一个小测试应用程序…好像我在工作在真实的东西上(这意味着用数据库或一些“数据库替代品”).
我希望将我的基本结构主要限制为：Node.js,React,Webpack&巴别塔
我是所有这一切的新手,所以任何帮助将不胜感激.我真的只想进入编码.
我也有一些与npm有关的问题.按照第一个教程,它是直截了当的,但是一旦我安装了一些东西,我就开始遇到问题.它似乎与全局文件和本地文件有关,但说实话,我只是想快速使用像npm和git这样的东西作为工具而不必从头开始了解它们……因为学习其余文件已经足够了一个挑战.
有没有人知道我可以复制,粘贴和进入代码的来源？！因为上面的教程对我来说没有意义.
谢谢,
四月
Node.js的
它只是服务器端的JS.您必须在计算机上安装它才能在本地运行JS代码.
NPM
Npm是JavaScript的包管理器.您可以使用它来下载和安装软件包(例如反应).
的WebPack
Webpack是一个模块捆绑器,它接受带有依赖关系的模块,并通过基于某些配置将它们捆绑在一起来生成静态资产.
巴别塔
babel-preset-es2015和babel-preset-react是babel-loader使用的插件,分别用于翻译ES6和JSX语法,因此您的浏览器可以解释它们.
Webpack中对加载器的支持使其非常适合与React一起使用.
我建议你按照官方文档进行操作,这些文档很容易按照一步一步的说明进行操作：
从这里开始：https://facebook.github.io/react/