使用webpack创建一个react项目

1
在这里插入图片描述

在这里插入图片描述
安装了这几个插件

3.

安装这个插件
4.创建src文件夹，建立index.js文件。在src同级建立index.html文件
5.创建webpack.config.js
6.npm install –g webpack, npm install –g webpack-dev-server
5. npm install webpack, npm install webpack-dev-server 在项目中再安装一遍
8.npm install babel-loader --save,npm install babel-core –save
在这里插入图片描述
babel-loader要安装7.1.5版本的，8点几版本的不行，不知道为什么
9.webpack
生成bundle.js文件。
现在改变index.js文件中的内容，刷新浏览器，内容并没有刷新。因为bundle.js文件并没有改变，要想内容改变，必须再webpack生成一次bundle.js.
或者webpack --watch 命令，当index.js中内容改变，刷新浏览器就能刷新内容。
webpack-dev-server命令，当index.js中内容改变，不需要刷新浏览器，内容自动更新。
webpack-dev-server --contentbase src --inline --hot 去掉地址后的尾巴，也能实现上面的功能。