给新手的 React&Webpack 上手教程

#1

这是一篇给 React&Webpack 新手的快速上手教程, 希望使新手快速的建立起对 React/Webpack/模块化 的认识, 教程可能有不足的地方, 欢迎帮助改进.

5 Likes
#2

本人是新手，想问下 在此是否需要深入了解并明白webpack，才能开始下一步的react学习？
因为 据说要使用react都需要webpack :joy:

#3

我个人建议是不用的, 如果你知道 gulp/grunt/browsify 的话, webpack 应该是轻车熟路, 如果不知道的话也不用急着先去了解, 先用着, 用完就知道是干嘛的了, 然后再去深入 webpack

#4

好的 ，谢谢了

#5

大体上了解了，就是还有个疑问：

// app.js

import React from 'react'
import { render } from 'react-dom';
import $ from 'jquery';
import NewsList from './NewsList.js';

render(<NewsList />, $('#content')[0]);

中的import React from 'react'为什么不能删掉。

#6

因为 <NewsList /> 的原因, 这个JSX语法实际上这是 React.createElement()

#7

哦明白了，非常感谢。

#8

可以去看下React的源码，react-dom 是需要引用React对象的

#9

这种方法都不用申明呢？

#10
#11

为什么安装webpack-dev-server的时候就是报错

#12

还不错哦

#13

按照教程到了npm install babel-core babel-loader babel-preset-es2015 babel-preset-react --save-dev之后运行npm run build提示 ERROR in Cannot find module 'babel-generator' 然后运行不成功，求解

#14

你好：你这配置时候是不是中途中出现了错误，有经验分享一下吗？ 邮箱可以联系（真心交流）1174839512@qq.com

#15

发帖的作者你好，看你发的那个帖子，是不是你说的这些安装依赖，都要安装，我自己试着写一个demo,在浏览器中会报错。报错好像是一下阿拉伯文的错误。能给你交流一下吗。作者。邮箱1174839512@qq.com

#16

能问一下吗？这些安装依赖，都要安装吗？，我自己试着写一个demo,在浏览器中会报错。报错好像是一下阿拉伯文的错误。能给你交流一下吗。。邮箱1174839512@qq.com

#17

@andyComeOn 你好, 你可以到 issue 里把配置, 依赖版本和错误贴一下

#18

你说的这个“你可以到 issue 里把配置, 依赖版本和错误贴一下”， ，下面是在浏览器中无渲染效果，报错如下：

#19

你说的这个“你可以到 issue 里把配置, 依赖版本和错误贴一下”，

#20

app.js中没有显式的引入Promise，为什么还能用？