今天在维护优化公司中台项目时，发现路由的文件配置非常多非常乱，只要只中大型项目，都会进入很多的路由页面，规范一点的公司还会吧路由进行模块化导入，但是依然存在很多文件夹的和手动导入的问题。于是我想到了我之前使用vuex时进行的模块化自动导入js文件，能不能使用到自动导入.vue文件中去，答案是可以！只需要15行代码就优化300行路由配置并且在也不用去后期手动添加路由配置！解放之鼓啊，废话不多说直接上核心代码。注意：如果你view下面有组件，那么你需要给组件的文件命名：components/组件.vue，不限制层级你可以在view下任意地方创建components开发你的私有组件1.核心代码//自
场景：拉完代码执行npmi后运行报错，打包运行代码没问题，说明是本地开发环境的问题。完整报错信息：原因：vite-plugin-optimize-persist和vite-plugin-package-config版本相互依赖解决： 改为：
文章目录⭐前言⭐vue3封装统一的axios请求💖请求拦截器⭐vue3使用env环境变量💖viteenv变量规则💖vite.config获取env参数⭐总结💖编码sliod原则⭐结束⭐前言大家好，我是yma16，本文分享关于前端vue3分享——项目封装axios、使用env环境变量。该系列往期文章：csdn新星计划vue3+ts+antd赛道——利用inscode搭建vue3(ts)+antd前端模板认识vite_vue3初始化项目到打包什么是axiosaxios是一个流行的JavaScript库，用于在浏览器和Node.js环境中进行HTTP请求。下面是axios的原理：Axios是基于Pr
vite打包配置以及性能优化安装插件首先该安装的插件，你要安装一下吧这三个是基本的插件，其他优化的插件下面会介绍到"vite":"4.4.6","vite-plugin-html":"^3.2.0","@vitejs/plugin-vue":"^4.2.3",vite.config.ts文件中配置这是最基本的配置，当然，可以上线，但仍然有很多待优化的地方import{resolve}from'path';import{loadEnv}from'vite';importvuefrom'@vitejs/plugin-vue';import{createHtmlPlugin}from'vite-pl
自vite和vue3发布后，我就用他们作为主要的vue开发模式，但是今天需要把以前写的vue3的内容嵌套到一个自己编译的安卓webview中，但是去这个webview中集成esmodule是一件很麻烦的事情，所以我需要使用vite把vue3打包成非esmodule的方式，去让file协议能正常加载。step1:安装@vitejs/plugin-legacy[@vitejs/plugin-legacy地址]https://github.com/vitejs/vite/tree/main/packages/plugin-legacy)step2:配置@vitejs/plugin-legacy相关内
目录vue3之vite创建h5项目之2（）1：安装sass1-1使用sass引入公共样式11-1-1main.ts引入公共样式方式1-2vite.config.ts引入公共样式方式21-3样式文件1-3-1src/style/index.scss(适配iphonex等还有引入其他公共的样式)1-3-2src/style/mixin.scss（公共样式方法抽离）1-3-3src/style/reset.scss（重置样式）1-3-4src/style/variables.scss（定义的公共变量样式）1-3-5使用变量2：声明组件否则ts报红线项目根目录/env.d.ts3：路由配置和layou
Electron+Vue3+TypeScript+Vite桌面应用程序项目初始化初始化vite项目yarncreatevitetodolist--templatevue-ts[图片上传失败...(image-917e0-1652326973758)]cdtodolistyarnyarndev浏览器访问3000端口[图片上传失败...(image-ab0455-1652326973758)]安装Electronyarnadd-Delectronelectron-builderrimrafvite-plugin-electronelectron-devtools-installer如果觉得安装慢，
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、项目目录二、index.html三、vite.config.js四、打包dist的结果五、有个疑问前言背景：项目中需要使用模板html动态处理比如icon、title。我的项目里是需要在不同的打包指令下，打包的结果中index.html中title和icon都不一致。之前的项目使用的是html-webpack-plugin插件。安装该插件的使用需要注意你项目的webpack版本，安装对应的版本插件。本次因为项目是vite项目，所以采用vite-plugin-html插件。本文作为使用记录。结尾还有个疑问一直没有解决
git上面拉别人的vue3+vite+Ts项目，安装依赖成功之后运行，出现报错failedtoloadconfigfromD:\XXX\vite.config.ts百度搜索的结果是用pnpm进行下载然后卸载node_modules文件进行重新下载，这时候有出现问题自己的node版本太低。如果是win7升级node麻烦些，win10直接下载就好win7node升级详见：node升级高版本win10node升级，推荐使用gnvm，亲测好用。详见（https://blog.csdn.net/）至此。匹配14.6以上的node版本就可以使用pnpm安装了pnpminstall安装依赖pnpmserve
运行vite+vue3项目时报错：failedtoloadconfigfrom…/vite.config.tserrorwhenstartingdevserver:Error:Cannotfindmodule‘node:path’Requirestack:/Users/list/Downloads/Admin-master/node_modules/vite/dist/node-cjs/publicUtils.cjs百度了发现是node版本不够，于是去升级node到16版本1.清除npm缓存：npmcacheclean-f2.安装node版本管理工具n：npminstalln-g或sudonp
