react脚手架搭建项目

2,067 阅读1分钟
  1. 全局安装react脚手架

npm i -g create-react-app

  1. 创建项目

create-react-app + 项目 (注意不能大写)

  1. 初始化配置

npm run eject

在用脚手架创建完项目后,默认把配置封装起来,如果要配置的话,需要执行npm run eject,要把配置弹射出来,才能配置,注意在npm run eject后,要执行npm install

  1. 下载基本依赖

npm install node-sass sass-loader babel-loader css-loader --save-dev

  1. 配置路由

npm install react-router-dom --save-dev

在根组件引用路由,注意看需求是要的HashRouter还是HashRouter,各有优缺点,看自己需要什么样子的

引入路由后,需要在跟组件中配置,并把根组件暴露出去 最后在App.js中配置路由,也可以新建路由文件夹,在里面写好router,再引入