vite-plugin-vue-setup-extend-plus和vite-plugin-vue-setup-extend
vite-plugin-vue-setup-extend
setup语法糖的扩展,例如:默认情况vue没办法直接为组件定义name,需要使用两个script标签来完成。安装此插件,可以
<script lang="ts" setup name="自定义name"></script>"
使用这种写法为组件自定义name,方便我们在开发者工具查看。
遇到的问题:在F12无法查看源码
vite-plugin-vue-setup-extend-plus
同vite-plugin-vue-setup-extend,可以支持自定义组件name,但包比vite-plugin-vue-setup-extend稍大。
遇到的问题:支持了自定义组件的功能,且可以F12查看源码。但是build打包的时候文件太大,提示build Reached heap limit Allocation failed - JavaScript heap out of memory之类的错误。
总结
vite-plugin-vue-setup-extend-plus可以用于开发环境,vite-plugin-vue-setup-extend用于生产环境和测试环境