默认创建的就是 react18 1.2 配置 resolve.alias 配置Vite | Vite 官方中文文档 // vite.config.ts import { defineConfig } from 'vite' import react from '@vitejs/plugin-react' import path from 'path'; // https://vitejs.dev/config/ export default defineConfig({ plugins: [react()], resolve...
经过定位发现,是引入@vitejs/plugin-react会导致jsx-runtime报错。原因在于Rollup plugin and jsx-runtime import rename in ESM env。最终解决方案如下: 在Vite配置中,新增alias。 exportdefaultdefineConfig({/*** other config*/resolve:{alias:{'react/jsx-runtime':'react/jsx-runtime.js',},},}); 再...
使用vite重构到react18.2.0,antd版本5.7.2 新建vite项目 npm create vite@latest my-react-app---templatereact 在vite.config.js中配置 resolve.alias,使用@ 引入src下的文件 import path from"path"; resolve:{alias:{"@":path.resolve(__dirname,"./src"),},}, 仅...
【前端】vite3 + react + typescript 引入别名 alias 在ts文件中使用 @utils importutilsfrom'@utils' vite.config.ts配置 // ...resolve: {// 配置别名alias: {'@': path.join(__dirname,'./src'),'@components': path.join(__dirname,'./src/components'),'@utils': path.join(__dirname,'./...
import react from '@vitejs/plugin-react'; export default defineConfig(() => { return { build: { outDir: 'dist', }, plugins: [react()], resolve: { alias: { '@': path.resolve(__dirname, './src'), '@common': path.resolve(__dirname, './src/common'), ...
__dirname2const__filename2=url.fileURLToPath(import.meta.url);const__dirname2=path.dirname(__filename2);console.log(__filename2);console.log(__dirname2);// https://vitejs.dev/config/exportdefaultdefineConfig({plugins:[react()],resolve:{//配置别名 @为src 引入alias:{'@':path.resolve...
前段时间,将练习了时长两年半的react项目脚手架换成vite了,过程如下 首先使用vite创建基础项目框架 npm create vite@latest my-vue-app --template react-ts 将src工作目录直接拷贝过来 接着配置常用的路径解析alias // vite-config,tsalias: [...(Object.entries({'@': path.resolve('src'),}).map(([key...
importreactRefreshfrom'@vitejs/plugin-react-refresh'importpathfrom'path'import{ defineConfig }from'vite'importvitePluginImpfrom'vite-plugin-imp'// https://vitejs.dev/config/exportdefaultdefineConfig({resolve: {alias: {'@': path.resolve(__dirname,'src'), ...
React18+ & Vite 5+ import 自动导入配置 React18+ Ant5+ Modal 里的 DatePicker & TinyMCE4+ 富文本 解决问题 vite.config.ts import { defineConfig } from 'vite'; import path from 'path'; import react from '@vitejs/plugin-react'; import AutoImport from 'unplugin-auto-import/vite'; //...
import React from 'react' 1. 2. Dependency pre-bundling(预打包) 开发阶段,只有在依赖变动时,才会去更新query id使之前的的缓存失效,预打包才需要执行,Vite2 利用 esbuild 替代 Rollup加快构建速度,而且给第三方依赖的包都设置了http 缓存,存放在node_modules/.vite下。