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...
npm install --save antd@5.x 现在最新版本的脚手架就是如下的目录结构，以及对应的 package.json 的项目构建配置文件。 4. 修改入口文件 修改 `src/main.jsx` 文件。 import React from 'react'import ReactDOM from 'react-dom/client'import App from './App'import 'antd/dist/reset.css';ReactDOM.cre...
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'...
状态管理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 ...
vitePluginImp 是将 antd-mobile 进行按需加载 postcss-pxtorem 是配置移动端 px 转换的插件 server.proxy 配置项目代理 resolve.alias 配置别名,如果需要 vscode 正常识别的话,需要 ts.config 也配置一下 {"compilerOptions":{"baseUrl":"./","paths":{"@/*":["src/*"]},} ...
支持ant-design按需加载 import vitePluginImp from "vite-plugin-imp"; plugins:[ ..., vitePluginImp({ libList: [ { libName: "antd", style(name) { if (/CompWithoutStyleFile/i.test(name)) { return false; } return `antd/es/${name}/style/index.css`; ...
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 配置插...
npm install vite-plugin-babel-import --save-dev vite.config.js中做配置