Vite的插件应用：https://cn.vitejs.dev/guide/using-plugins.html因为Vite依赖Rollup，也就是说Vite可以使用RollupRobust插件生态系统。对于很多功能支持，需要在Rollup项目中添加插件，但为了提供开箱即用的体验，Vite内置了支持。在之前的功能概览讲解中，我们已经看到了，详细的可以去看看：https://cn.vitejs.dev/guide/features.html另外，官方还提供了一系列的插件，比如Vue3单文件组件的解析插件：@vitejs/plugin-vue。初始化项目完成后，可以在配置文件Vite.config.js的默认配置中看到：而如果你用Vite搭建React项目，同样在配置文件中，可以看到插件支持React代码的介绍和使用：这里多一句。前面提到，在构建项目时，可以通过在命令行中添加指定的模板来构建不同框架模板的项目。官方提供了很多模板，社区提供了更多的模板类型。比如很多小伙伴想用Vite开发Vue2项目，可以到社区模板里找对应的模板。社区模板列表：https://github.com/vitejs/awesome-vite#templates我们使用vite-vue2-starter模板为例。找到具体模板后，我们可以使用degit等工具：https://github.com/Rich-Harris/degit，使用社区模板来构建项目。具体操作如下：npxdegitmatt-auckland/vite-vue2-startermyvitevue2项目构建成功后，我们打开配置文件vite.config.js，可以看到默认配置，依然使用插件解析Vue2代码的代码，使其能够正常运行：毕竟，Vite之所以能够搭建不同框架的项目，依赖于插件机制。此外，我们还可以使用插件来满足开发或打包阶段的不同需求。插件基本上都是使用低版本浏览器兼容的插件。例如，Vite构建的项目仍然默认使用ES模块化进行打包，即使是Vue2开发的项目也是如此。如果你想让项目在IE11这样的低版本浏览器中运行，可以如下，使用官方插件@vitejs/plugin-legacy，打包后的结果不需要插件功能。因此，使用开发依赖安装插件：$npmi@vitejs/plugin-legacy-D安装完成后，在配置文件vite.config.js中，导入并使用插件：如果你熟悉Rollup，你会发现在Vite插件使用规则中就是Rollup的插件使用规则。此时，我们可以使用npmrunbuild来打包项目。带插件打包和不带插件打包的结果有非常明显的区别。官方插件不多，插件：https://cn.vitejs.dev/plugins/，我们去社区找了大量功能丰富的插件：https://github。com/vitejs/awesome-vite#pluginsMarkDown解析插件现在我有一个需要解析md文档并显示它。您可以使用vite-plugin-md安装插件：npmivite-plugin-md-D\vite.config.js，导入并使用插件：Vite的基本使用请看这里。嗯，Vite对开发者这么友好，这么强大，而我现在的项目还是用传统的方式开发，很奇怪。可以在传统项目中使用Vite吗？如果你只是了解Vite，第一感觉是不太可能，但当你真正了解Vite时，有什么不可能呢？其实做贼很容易~~先找一个基于vue-cli的项目，然后....转载本文请联系Gogo前端世界公众号。
