使用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 去掉地址后的尾巴，也能实现上面的功能。

10. 以下几个插件必须安装这一版本，其他版本会出错
    “babel-plugin-react-html-attrs”: “^2.0.0”,
    “style-loader”: “^0.13.1”,
    “css-loader”: “^0.25.0”