React+webpack构建你的第一个程序

前言

目前在学习React,整理了些日记希望能帮助跟我一样的初学者

首先这是我的项目结构：

安装nodejs，用npm安装react、webpack

输入： npm init 根据提示输入内容并创建package.json文件
然后依次输入：

npm install react --save-dev

npm install webpack --save-dev

安装最新版本的React与Webpack并将它们保存至package.json内的开发依赖项目中。

创建webpack.config.js配置文件

新建一个名为 webpack.config.js 的文件，如下：

其中entry指定了webpack的入口程序，output是输出目录。关于webpack.config.js的详细介绍请看关于webpack.config.js参数的介绍

src/js/main.js

index.html

最后运行webpack 打包，到这里你的第一个react程序就算成功了。

运行结束如下：

下面付上源码地址，欢迎大家一起讨论。