react项目实战--webpack搭建react项目(二)--elementUI环境搭建

  1. 安装element-react依赖包: npm i element-react react-hot-loader  @babel/preset-env babel-preset-es2015 babel-plugin-component(按需引入)  element-theme-default(样式)--save     --> --save是把依赖注入到package.json中dependencies中
  2. 到目前为止,项目中所依赖的包如下图:

react项目实战--webpack搭建react项目(二)--elementUI环境搭建_第1张图片

3.在页面中引入element测试代码:

 

import React from 'react'
import { Button } from 'element-react';
import 'element-theme-default/lib/index.css'
function App(){
    return 
} export default App;

效果如图:

react项目实战--webpack搭建react项目(二)--elementUI环境搭建_第2张图片

到此,react中引入element流程已走通。

接下来进行基本布局和路由跳转

 

你可能感兴趣的:(前端开发,webpack,react,ElementUI)