React 版本基于 React + TypeScript + antd GitHub 地址(React):https://github.com/bit-ocean-studio/dolphin-admin-react Vue 版本基于 Vue + TypeScript + Naive UI GitHub 地址(Vue):https://github.com/bit-ocean-studio/dolphin-admin-vue 线上预览地址:https://dolphin-admin.bit-ocean.studio/ 目前...
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(), ...
// 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...
按需引入 代码语言:javascript 复制 yarn add vite-plugin-imp 删除掉import 'antd/dist/antd.less'vite.config.js完整代码 代码语言:javascript 复制 import{defineConfig}from'vite'importreactfrom'@vitejs/plugin-react'importvitePluginImpfrom'vite-plugin-imp'exportdefaultdefineConfig({plugins:[react(),vitePlug...
npm create vite@latest my-react-app -- --template react 使用 cd my-react-app进入到该目录。 查看目录结构。 2. 进入目录， 安装依赖 这里可以看到目录的结构， 先不做任何的操作， 直接使用 npm install直接安装对应的依赖。 3. 加入 antd 的最新依赖包 npm install --save antd@5.x 现在最新版本的...
vitePluginImp 是将 antd-mobile 进行按需加载 postcss-pxtorem 是配置移动端 px 转换的插件 server.proxy 配置项目代理 resolve.alias 配置别名,如果需要 vscode 正常识别的话,需要 ts.config 也配置一下 {"compilerOptions":{"baseUrl":"./","paths":{"@/*":["src/*"]},} ...
状态管理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 ...
地址https://github.com/JinJieTan/Peter-/tree/master/vite-react-ts-antd 将你的src源码目录植入我的项目模板中 项目根目录执行yarn安装依赖 index.hmtl入口文件,我这里默认是去加载src/index.tsx文件 ...
在开发时不会变动的纯JavaScript。(如第三方依赖antd、lodash等) 在该场景采用具有优势的Esbuild处理。(大量模块的组件库、CommonJS格式的文件等) 源码: 通常包含一些并非直接是JavaScript的文件,需要转换,时常会被编辑。(JSX、CSS、Vue/React组件等) 会根据路由拆分代码按需加载模块 ...
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 配置插...