chrysalis1215 / vite-plugin-vue2

Vue2 plugin for Vite

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

vite-plugin-vue2

Usage

  • run yarn add vite-plugin-vue2 --dev
  • add the plugin into vite.config.js
// vite.config.js
const { createVuePlugin } = require('vite-plugin-vue2')

module.exports = {
  plugins: [createVuePlugin(/*options*/)],
}

vueTemplateOptions

Type: Object
Default: null

The options for @vue/component-compiler-utils.

jsx

Type: Boolean
Default: false

The options for jsx transform.

jsxOptions

Type: Object

The options for @vue/babel-preset-jsx.

// use jsx in SFC
<script lang="jsx">
export default {
  name: 'TesxVueJSX',
  data() {
    return {
      message: () => <div>JSX in SFC works!</div>,
    };
  },
  components: {
      TestSFCJsx
  }
}
</script>

Todo

  • SSR Build
  • Sourcemap

About

Vue2 plugin for Vite


Languages

Language:TypeScript 93.7%Language:Vue 4.9%Language:HTML 0.8%Language:JavaScript 0.5%Language:CSS 0.2%