vue3+vite配置使用JSX

1、安装插件

npm i -D @vitejs/plugin-vue-jsx

1	npm i -D @vitejs/plugin-vue-jsx

2、配置`vite.config.js`

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import vueJsx from '@vitejs/plugin-vue-jsx'

export default defineConfig({
  plugins: [vue(), vueJsx()]
})

import { defineConfig } from 'vite'

import vue from '@vitejs/plugin-vue'

import vueJsx from '@vitejs/plugin-vue-jsx'

export default defineConfig({

plugins: [vue(), vueJsx()]

})

3、使用示例

import { defineComponent } from 'vue'

export default defineComponent({
  name: 'demo',
  setup() {},
  render() {
    return (
      <>
        <div>Hello world</div>
      </>
    )
  }
})

import { defineComponent } from 'vue'

export default defineComponent({

name: 'demo',

setup() {},

render() {

return (

<div>Hello world</div>

</>

)

}

})

1、安装插件

2、配置vite.config.js

3、使用示例

2、配置`vite.config.js`