React - WeUI 的安装与使用 （webstorm 工具）

步骤一：npm init 初始化，创建 package.json 文件

快速创建package.json的命令行 ： npm init -y

步骤二：在项目中安装react 和 react-dom

命令行 ： npm install react react-dom --save-dev

步骤三：安装react-weui 和 weui

命令行：npm install weui@1.1.0 react-weui --save-dev

步骤四：安装webpack

命令行：npm install webpack --save-dev

安装一些loader

命令行：
npm install --save-dev babel-loader babel-core babel-preset-es2015 babel-preset-react

npm install --save-dev css-loader

npm install --save-dev style-loader

npm install --save-dev extract-text-webpack-plugin( 把css额外打包 )

在index.js中



在index.html中



步骤五：在项目中新建webpack.config.js，并配置入口文件和出口文件



在控制台中输入 webpack，运行index.html在浏览器展示。