yarn add vite-plugin-imp 1. 删除掉import 'antd/dist/antd.less'vite.config.js完整代码 import { defineConfig } from 'vite' import react from '@vitejs/plugin-react' import vitePluginImp from 'vite-plugin-imp' export default defineConfig({ plugins: [ react(), ...
1. 创建最基础的脚手架 npm create vite@latest my-react-app -- --template react 使用 cd my-react-app进入到该目录。 查看目录结构。 2. 进入目录， 安装依赖 这里可以看到目录的结构， 先不做任何的操作， 直接使用 npm install直接安装对应的依赖。 3. 加入 antd 的最新依赖包 npm install --save an...
// App.tsximportReact, {Suspense}from'react';import{BrowserRouterasRouter,Route,Switch}from'react-router-dom';importHomefrom'./pages/Home'importAboutfrom'./pages/About'constApp= () => {return(<Suspensefallback={loading}><Router><Switch><Routekey="/home"path="/home"component={Home}></Rou...
再全局引入import "antd-mobile/es/global";我开demo测试,hmr没有问题。 我原先采用 vite 2.8.6 + @vitejs/plugin-react ^1.0.0(非最新的1.2.0,具体的忘了看lock),就有热更新的问题。不论是不是用了插件按需,改个文本都reload。换了@vitejs/plugin-react到最新的1.2.0,用不用插件按需hmr都正常。
React+vite引入antd并按需引入 安装antd 代码语言:javascript 复制 yarn add antd 完整引入 App.jsx使用.less是为了方便设置主题色 代码语言:javascript 复制 import'antd/dist/antd.less' vite.config.js设置主题色 代码语言:javascript 复制 import{defineConfig}from'vite'importreactfrom'@vitejs/plugin-react'...
vitePluginImp 是将 antd-mobile 进行按需加载 postcss-pxtorem 是配置移动端 px 转换的插件 server.proxy 配置项目代理 resolve.alias 配置别名,如果需要 vscode 正常识别的话,需要 ts.config 也配置一下 {"compilerOptions":{"baseUrl":"./","paths":{"@/*":["src/*"]},} ...
npm install vite-plugin-babel-import --save-dev vite.config.js中做配置
状态管理react-redux:npm install @reduxjs/toolkit react-redux UI组件库 antd:npm install antd MOCK数据 mockjs:npm install mockjs loading加载nprogress: npm install nprogress request请求axios:npm install axios less:npm install -D less Mock vite:npm install -D vite-plugin-mock ...
react & react-dom:基础核心 react-router:路由配置 @loadable/component:动态路由加载 classnames:更好的 className 写法 react-router-config:更好的 react-router 路由配置包 mobx-react & mobx-persist:mobx 状态管理 eslint & lint-staged & husky & prettier:代码校验配置 eslint-config-alloy:ESLint 配置插...
地址https://github.com/JinJieTan/Peter-/tree/master/vite-react-ts-antd 将你的src源码目录植入我的项目模板中 项目根目录执行yarn安装依赖 index.hmtl入口文件,我这里默认是去加载src/index.tsx文件 ...