Vue3使用vite-plugin-vue-setup-extend 不生效问题

​插件名称:vite-plugin-vue-setup-extend
1、安装

npm i vite-plugin-vue-setup-extend -D

2、配置 ( vite.config.ts )

import {
    
     defineConfig } from 'vite'
import VueSetupExtend from 'vite-plugin-vue-setup-extend'
export default defineConfig({
    
    
  plugins: [ 
    vue(),
    VueSetupExtend(),
 ]
})

或者另一种写法

import {
    
     defineConfig } from 'vite'
import VueSetupExtend from 'vite-plugin-vue-setup-extend'
export default ({ mode }: any) => {
    
    
  return defineConfig({
    
    
    plugins: [vue(), VueSetupExtend()],  
  })
}



3、使用

<script lang="ts" setup name="test">
	// test
	</script>

问题:
在使用 vite-plugin-vue-setup-extend 0.4.0 及以前版本时,会有个问题:如果 script 标签内没有内容,即使给 script 标签添加上 name 属性,其在 vue-devtools 内也不会生效。
解决办法: 不要让script标签内空着,例如:加行注释。

猜你喜欢

转载自blog.csdn.net/weixin_45441173/article/details/129116782
今日推荐