react打包解决方案

博主也是找了很多打包方面的资料  碰了很多坑，才搞定的 ，

很多博文直接上代码  不说安装工具和  其中注意的事项的，坑爹。

如果你按博主的方法搞定了，记得 点个赞吧或者加关注。

react很好懂也很好学  你在 runoob 或者阮一峰的博客都能学到写react

但是！ 如果react  的 定义层 跟 调用层 无法分离，换句话说，

如果A页面 B页面 都要调用一个<List >自定义主键，而你只是把 var List=React.createClass.....  分别 复制到 A页面 和B页面，然后来   

ReactDOM.render(
  <List  />,
  document.getElementById('example')
);

那就你学 ReactDOM 就没有意义了！！！！！！！ 

正确的打开方式  是 把var List=React.createClass..... 放在一个JS里面，然后 要<List  />的地方  引用进来  而不是复制源代码

好现在说下打包，用什么打包，webpeck  !!!

步骤  1：去下软件   git  和 node.js 

git 去百度下，百度不到 你就下个360  或者是QQ管家之类的     我是360下的，他的的软件管家里面有

node.js 不会装的  去我微博里面找node安装图解

步骤2：去下    minooo 的  React-Study项目     https://github.com/minooo/React-Study  别问我为什么去下这东西，因为人家写了个demo给你去试验打包  。 如果你不会GIT他的项目  那你 就直接下载压缩包下来就好了 一样的

步骤3：把你下载下来的压缩包 解压，如果你是git下来的 就不用解压缩， 记住 不能放在中文路径下。

步骤4：手动打开step-01 文件夹  然后 鼠标右键

好，你现在是不是看到一个类似 命令符  CMD的 黑色框

现在 按我说的  依次敲完下面的每一行代码     复制->黏贴代码-> 回车

1,    npm install -g nrm
2.    nrm use taobao

3.    npm install

4.    npm start

5.    npm run build

3  是安装依赖    等的时间可能会久点，  但是不会太久 超过10分钟就不要等了  肯定是出问题了

4是启动开发模式   

5是  打包，

好了 现在你可以看到 你的文件里面多出来了一个文件   dist    这里面的文件就是你打包生成的文件了。

别问我  第一  第2 个命令 是啥，那个是淘宝镜像。  很多人  npm install  这部都过不去，然后就放弃了，原因很简单，你没翻墙

好了，没了，原创很辛苦，如果要转载，请附上本跳微博的链接 。