react package.json与webpack配置

//创建并配置 package.json
//空文件夹创建 package.json

cd /Users/huangqizai/Desktop/reacthqz  //找到文件夹
npm init -y  //初始化npm

npm install react react-dom --save-dev   //下载react react-dom并保存在当前文件夹（package.json 文件夹）

//安装babel并保存

npm install babel-core -g   //全局安装 babel-core

npm install babel-loader -g  //全局安装 babel-loader

npm install babel-loader -save-dev //保存 babel-loader 到当前文件夹（package.json 文件夹）

npm install babel-core -save-dev //保存 babel-core 到当前文件夹（package.json 文件夹）

npm install babel-preset-es2015 -save-dev 下载babel-preset-es2015并保存在当前文件夹（package.json 文件夹）

npm install babel-preset-react -save-dev 下载babel-preset-react并保存在当前文件夹（package.json 文件夹）



//创建并配置webpack

npm install webpack webpack-cli -g  全局安装 webpack webpack-cli

npm install webpack webpack-cli -save-dev 保存webpack webpack-cli

webpack 运行webpack 会生成dist文件

npm install html-webpack-plugin save-dev  下载html-webpack-plugin并保存到当前文件

npm install webpack-dev-server -D 安装webpack-dev-server并保存到当前文件夹