Vue 2.7 + Vite

vue2.7 + vue-router3 + pinia
示例代码: https://github.com/klren0312/vite_vue2.7
示例页面: https://klren0312.github.io/vite_vue2.7/

用到的vite插件

• @vitejs/plugin-vue2 vite的vue2.7插件
• @vitejs/plugin-legacy 打包支持IE
• unplugin-vue-components 按需引入插件

相关配置

1. vscode的vetur插件适配

参考资料: https://github.com/vuejs/vetur/issues/2296#issuecomment-1155957974

需要在根目录创建vetur.config.js

或者改用volar插件


2. vite适配vue2.7

参考资料: https://github.com/vuejs/vue/blob/main/CHANGELOG.md#vue-cli--webpack

使用官方的@vitejs/plugin-vue2插件

vite创建vue项目后, 把插件替换下就行了

3. vue-router安装

vue2应该只支持vue-router3版本

4. pinia安装

按官方文档引入即可: https://pinia.vuejs.org/getting-started.html#installation

5. element-ui按需引入

使用unplugin-vue-components插件

• 
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！