设计素材网站永久,建设工程 法律 网站,怎样用自己的电脑做网站,广告推广平台哪个好1. 安装react脚手架
npm install -g create-react-app
或是
yarn add -g create-react-app2. 初始化项目
快速构建出项目名为my-app的react+ts项目
create-react-app my-app --template typescript3. 配置路径别名 在引入文件时如果都是…/ …/…/这种相对路径方式引用可读性…1. 安装react脚手架
npm install -g create-react-app
或是
yarn add -g create-react-app2. 初始化项目
快速构建出项目名为my-app的react+ts项目
create-react-app my-app --template typescript3. 配置路径别名
在引入文件时如果都是…/ …/…/这种相对路径方式引用可读性很差安装依赖npm install react-app-rewired customize-cra --save-dev在项目根路径下创建config-overrides.js文件，添加如下配置
const { override, addWebpackAlias } = require('customize-cra')
const path = require('path')
module.exports = override(addWebpackAlias({// 指定@符指向src目录'@': path.resolve(__dirname, 'src'),})
)
4. 路由配置
1.src下index引入
import { Router, Route } from 'react-router-dom';
import history from './history';2.自建histo
