2025-03-15文章讲述了在使用Vite构建Vue3的多页面应用时遇到的两个主要问题：环境变量undefined和子页面路由刷新丢失。解决方案包括调整环境变量的位置以匹配root目录，以及使用vite-plugin-mpa-plus进行路径重写，防止history模式下路由丢失。作者提供了配置示例并验证了在开发环境中的有效性。

https://www.qianduange.cn//article/23727.html 分类：前端知识

2025-03-01找了很多教程，大都是使用npm create vite@latest命令创建的模板，如果想使用npm create vue@latest命令创建Vue3模板会出现以下画面，而且改变路由删除组件都无法去除。让我们打开项目找到vite.config.ts 将import vueDevTools from 'vite-plugin-vue-devtools'和vueDevTools()这两行注释掉。再次编译后，从浏览器看到此时下面的vueDevTools调试器已经没有了。_运行vue3后显示devtools setting

https://www.qianduange.cn//article/22166.html 分类：前端知识

2024-10-29是一个专门为 Vite 项目设计的插件，旨在提供对 HTML 文件的灵活控制。通过该插件，开发者可以在 HTML 模板中插入动态数据、自定义 meta 标签，甚至可以根据不同环境进行 HTML 的定制。它使得 Vite 项目中的 HTML 文件处理更加灵活和可定制化，极大地提升了开发效率。虽然默认支持 EJS 模板引擎，但你也可以使用其他模板引擎进行自定义处理。例如，可以选择 Mustache 或 Handlebars 作为模板解析工具。然后在plugins: [inject: {data: {_vite-plugin-html

https://www.qianduange.cn//article/19528.html 分类：前端知识

2024-10-30vite打包，给打包之后的html文件添加打包时间_vite-plugin-html

https://www.qianduange.cn//article/19618.html 分类：前端知识

2024-09-18图文详细教程 Nuxt 3 TypeScript Vite 初始项目模板，目前已完成配置的内容：TypeScript、ESLint、vite-plugin-eslint、Prettier、Sass、Stylelint、husky、src 目录别名、pnpm、项目全局环境变量_nuxt3 vite

https://www.qianduange.cn//article/18374.html 分类：前端知识

2024-08-30本文介绍了如何使用vue3和vite进行项目打包优化，包括安装rollup-plugin-visualizer来图形化文件大小，解决大文件问题，通过CDN引入第三方库，依赖分包以及使用vite-plugin-compression进行gzip压缩。通过这些步骤，显著减少了项目的体积和加载时间。

https://www.qianduange.cn//article/17189.html 分类：前端知识

2024-08-15vite-plugin-html是一个专为Vite设计的轻量级插件，它自动注入CSS、JS等资源到HTML中，提供快速原型开发、SEO优化和PWA支持，通过ES模块和热更新提高开发效率，适合前端开发者使用。

https://www.qianduange.cn//article/15770.html 分类：前端知识

2024-08-15vite-plugin-vue-inspector: Vue 开发者的超级调试工具项目地址:https://gitcode.com/webfansplz/vite-plugin-vue-inspector在前端开发的世界里，高效和精准的调试工具是开发者的重要助手。vite-plugin-vue-inspector 是一个专为Vue.js开发者打造的强大插件，它利用Vite构建系统的特性，提供..._vite-plugin-vue-inspector

https://www.qianduange.cn//article/15713.html 分类：前端知识

2024-08-10本文介绍了 vite-plugin-dts 插件的安装和使用，以及如何解决报错使用插件时遇到的找不到相关模块的问题，层层分析错误，并最终找到解决方案，授之以鱼，且授之以渔，学会这个思路，下次你也行。_vite-plugin-dts

https://www.qianduange.cn//article/15289.html 分类：前端知识

2024-07-29推荐使用：@vitejs/plugin-vue2 - 带你轻松过渡至Vite的Vue 2开发环境项目地址:https://gitcode.com/vitejs/vite-plugin-vue2@vitejs/plugin-vue2 是一个专为Vue 2.x设计的Vite插件，它让你能够在Vite构建工具中无缝地使用和编译Vue 2组件。特别要注意的是，这个插件仅支持Vue版本大于等于2.7.0..._vite-plugin-vue2

https://www.qianduange.cn//article/14520.html 分类：前端知识