搭建React环境

初始化项目

npm init -y

安装依赖的模块

开发依赖

npm install webpack webpack-dev-server babel-core babel-loader babel-preset-es2015 babel-preset-react babel-preset-stage-0 less less-loader style-loader css-loader url-loader file-loader html-webpack-plugin -D

生产依赖

npm install react react-dom -S

今日学习目标

• 知道什么是React元素
• 什么是React组件，如何定义React组件
• 什么是状态和属性，有什么相同点，有什么不同点?

编写脚本

"scripts": {
    "build": "webpack"
  }

启动

npm run build