Vue 2 Plugin#

The Vue 2 plugin provides support for Vue 2 SFC (Single File Components). The plugin internally integrates vue-loader v15.

Quick Start#

Install Plugin#

You can install the plugin using the following command:

npm add @rsbuild/plugin-vue2 -D

Register Plugin#

You can register the plugin in the rsbuild.config.ts file:

import { pluginVue2 } from '@rsbuild/plugin-vue2';

export default {
  plugins: [pluginVue2()],
};

After registering the plugin, you can directly import *.vue files in your code or use Vue's JSX syntax without the need for additional configuration.

Options#

If you need to customize the compilation behavior of Vue, you can use the following configs.

vueLoaderOptions#

Options passed to vue-loader, please refer to the vue-loader documentation for detailed usage.

• Type: VueLoaderOptions
• Default:

const defaultOptions = {
  compilerOptions: {
    preserveWhitespace: false,
  },
  experimentalInlineMatchResource: true,
};

• Example:

pluginVue2({
  vueLoaderOptions: {
    hotReload: false,
  },
});