React.js--2webpack基本使用

1.首先，新建一个文件夹，命名为react-webpack
2.在vscode中打开文件夹react-webpack,并且新建两个文件夹dist（产品目录）和src（源代码目录）

3.打开终端，输入命令 ：npm init -y
用来快速初始化项目，输入命令之后我们会发现自动新增了一个package.json文件
4.在命令行中输入：cnpm i webpack -D （安装项目中的webpack)和cnpm i webpack-cli -D(安装项目中的webpack-cli)
5.在package.json中添加“dev":"webpack”，然后再命令行中输入webpack进行打包，可以看到文件栏中自动生成了node_modules

6.在项目react-webpack下新建 webpack.config.js文件
在webpack.config.js中输入：module.exports= {
mode:‘development’,
};
并且在命令行中输入webpack可以发现dist中也自动生成了main.js文件
7.在index.html文件中加入，打开浏览器可以发现可以访问到刚刚的index.js中的代码

到此大致上webpack的基本的使用结束