vite-plugin-vue2

⚠️ With the release of Vue 2.7, Vite now provides the official Vue 2 plugin @vitejs/plugin-vue2. Thereby this plugin has entered maintenance mode and will only support Vue 2.6 or earlier. This project will reach End of Life by the end of 2022.

Install

npm install vite-plugin-vue2 -D

// vite.config.js
import { createVuePlugin } from 'vite-plugin-vue2'

export default {
  plugins: [
    createVuePlugin(/* options */)
  ],
}

Options

`vueTemplateOptions`

Type: Object

Default: { compilerOptions :{ whitespace: 'condense' } }

Note { whitespace: 'condense' } behavior

A whitespace-only text node between element tags is removed if it contains new lines. Otherwise, it is condensed into a single space.
Consecutive whitespaces inside a non-whitespace-only text node are condensed into a single space.

Using condense mode will result in smaller compiled code size and slightly improved performance. However, it will produce minor visual layout differences compared to plain HTML in certain cases,if you want to keep whitespace behavior, please set { whitespace: 'preserve' }

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.

`target`

Type: String

The options for esbuild to transform script code

Todo

SSR Build
Sourcemap

Current Tags

2.0.3 ... latest (3 years ago)

vite-plugin-vue2

Install

Options

vueTemplateOptions

jsx

jsxOptions