import{_ as e,o as i,c as t,R as l}from"./chunks/framework.6241eaf2.js";const g=JSON.parse('{"title":"vite","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue3/vite.md","filePath":"guide/vue3/vite.md","lastUpdated":1731315864000}'),a={name:"guide/vue3/vite.md"},n=l('<h1 id="vite" tabindex="-1">vite <a class="header-anchor" href="#vite" aria-label="Permalink to &quot;vite&quot;">​</a></h1><p>基于原生 ES 模块提供了丰富的内建功能，如速度快到惊人的模块热更新（HMR），使用 Rollup 打包你的代码，并且它是预配置的，可输出用于生产环境的高度优化过的静态资源。更多关于<a href="https://cn.vitejs.dev/guide/" target="_blank" rel="noreferrer">vite</a></p><p>模版集成了如下的 vite 插件</p><ul><li>unplugin-auto-import（按需加载，自动引入）</li><li>unplugin-vue-components（按需加载，自动引入组件）</li><li>vite-plugin-compression（开启.gz 压缩）</li><li>vite-plugin-eruda（控制台，方便移动端调试）</li><li>vite-plugin-imagemin（图片压缩）</li><li>vite-plugin-mock（引入 mockjs，本地模拟接口）</li><li>vite-plugin-pages（动态生成路由）</li><li>vite-plugin-progress（构建显示进度条）</li><li>vite-plugin-restart（监听配置文件修改自动重启 Vite）</li><li>vite-plugin-style-import（按需引入样式文件）</li><li>vite-plugin-svg-icons（加载 SVG 文件，自动引入）</li></ul>',4),o=[n];function r(s,p,u,v,_,c){return i(),t("div",null,o)}const m=e(a,[["render",r]]);export{g as __pageData,m as default};