@rsbuild/plugin-vue2 NPM

@rsbuild/plugin-vue2

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

@rsbuild/plugin-vue2 only supports Vue >= 2.7.0.

Usage

Install:

npm add @rsbuild/plugin-vue2 -D

Add plugin to your rsbuild.config.ts:

// rsbuild.config.ts
import { pluginVue2 } from "@rsbuild/plugin-vue2";

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

After registering the plugin, you can import *.vue files in your code.

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: {
    whitespace: "condense",
  },
  experimentalInlineMatchResource: true,
};

Example:

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

The Vue 2 plugin is using the vue-loader v15. Please be aware that there may be configuration differences between v15 and the latest version.

splitChunks

When chunkSplit.strategy set to split-by-experience, Rsbuild will automatically split vue and router related packages into separate chunks by default:

lib-vue.js: includes vue, vue-loader.
lib-router.js: includes vue-router.

This option is used to control this behavior and determine whether the vue and router related packages need to be split into separate chunks.

Type:

type SplitVueChunkOptions = {
  vue?: boolean;
  router?: boolean;
};

Default:

const defaultOptions = {
  vue: true,
  router: true,
};

Example:

pluginVue({
  splitChunks: {
    vue: false,
    router: false,
  },
});

FAQ

/deep/ selector causes compilation error

/deep/ is a deprecated usage as of Vue v2.7. Since it is not a valid CSS syntax, CSS compilation tools like Lightning CSS will fail to compile it.

You can use :deep() instead. See Vue - Deep Selectors for more details.

<style scoped>
  .a :deep(.b) {
    /* ... */
  }
</style>

You can also refer to Vue - RFC 0023 for more details.

License

MIT.

vue-loader webpack

@everything-registry/sub-chunk-792 @winner-fed/preset-vue2

12 months ago

6 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

0.0.0-next-20240729023126

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

0.0.0-next-20240708070719

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

0.0.0-next-20240723074951

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

0.0.0-next-20240528072128

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

0.0.0-next-20240514150515

1 year ago

0.7.0-beta.0

1 year ago

0.6.15

1 year ago

0.0.0-next-20240513013836

1 year ago

0.6.14

1 year ago

0.0.0-next-20240510033042

1 year ago

0.6.12

1 year ago

0.6.13

1 year ago

0.0.0-next-20240507105013

1 year ago

1 year ago

1 year ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

0.0.0-next-20240411025907

2 years ago

0.6.1

2 years ago

0.6.0

2 years ago

0.0.0-next-20240409053424

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

0.0.0-next-20240329044111

2 years ago

0.0.0-next-20240328105907

2 years ago

0.0.0-next-20240328110637

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

0.0.0-next-20240318111129

2 years ago

0.4.15

2 years ago

0.0.0-next-20240313074838

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

0.0.0-next-20240227024230

2 years ago

0.4.7

2 years ago

0.0.0-next-20240227022717

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

0.0.0-next-20240131063127

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

0.0.0-nightly-20240114070311

2 years ago

0.3.3

2 years ago

0.3.2

2 years ago

0.3.1

2 years ago

0.0.0-next-20240112061202

2 years ago

0.3.0

2 years ago

0.0.0-next-20240109105933

2 years ago

0.0.0-next-20240109045121

2 years ago

0.2.18

2 years ago

0.2.17

2 years ago

0.2.16

2 years ago

0.0.0-next-20240104101129

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

0.0.0-next-20231220091832

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

0.0.0-next-20231207110454

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

0.0.0-next-20231115072032

2 years ago

0.0.22

2 years ago

0.0.21

2 years ago

0.0.0-nightly-20231112160816

2 years ago

0.0.0-nightly-20231111160817

2 years ago

0.0.20

2 years ago

0.0.0-nightly-20231110160815

2 years ago

0.0.19

2 years ago

0.0.0-nightly-20231109160811

2 years ago

0.0.18

2 years ago

0.0.0-nightly-20231108160845

2 years ago

0.0.17

2 years ago

0.0.0-next-20231108034054

2 years ago

0.0.0-nightly-20231107160817

2 years ago

0.0.16

2 years ago

0.0.0-nightly-20231106161004

2 years ago

0.0.15

2 years ago

0.0.0-nightly-20231105160803

2 years ago

0.0.14

2 years ago

0.0.0-nightly-20231104160802

2 years ago

0.0.0-nightly-20231103160938

2 years ago

0.0.13

2 years ago

0.0.0-next-20231103091827

2 years ago

0.0.0-nightly-20231102160941

2 years ago

0.0.0-nightly-20231101160938

2 years ago

0.0.0-nightly-20231031161039

2 years ago

0.0.12

2 years ago

0.0.11

2 years ago

0.0.0-nightly-20231030160930

2 years ago

0.0.10

2 years ago

0.0.0-nightly-20231029161018

2 years ago

0.0.0-nightly-20231028161015

2 years ago

0.0.0-nightly-20231027160925

2 years ago

0.0.9

2 years ago

0.0.8

2 years ago

0.0.0-nightly-20231025160936

2 years ago

0.0.0-nightly-20231024161008

2 years ago

0.0.0-nightly-20231023160908

2 years ago

0.0.0-nightly-20231022160828

2 years ago

0.0.0-nightly-20231021160812

2 years ago

0.0.0-nightly-20231020160758

2 years ago

0.0.0-nightly-20231019160847

2 years ago

0.0.0-nightly-20231018160828

2 years ago

0.0.0-nightly-20231017160746

2 years ago