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在浏览器展示。