@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

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

0.0.0-next-20240729023126

11 months ago

12 months ago

1 year ago

1 year ago

1 year ago

1 year ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

11 months ago

0.0.0-next-20240708070719

12 months ago

11 months ago

11 months ago

11 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

0.0.0-next-20240723074951

11 months ago

12 months ago

10 months 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

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-20240411025907

1 year ago

0.6.1

1 year ago

0.6.0

1 year ago

0.0.0-next-20240409053424

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

0.0.0-next-20240329044111

1 year ago

0.0.0-next-20240328105907

1 year ago

0.0.0-next-20240328110637

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

0.0.0-next-20240318111129

1 year ago

0.4.15

1 year ago

0.0.0-next-20240313074838

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-20240227024230

1 year ago

0.4.7

1 year ago

0.0.0-next-20240227022717

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-20240131063127

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-nightly-20240114070311

1 year ago

0.3.3

1 year ago

0.3.2

1 year ago

0.3.1

1 year ago

0.0.0-next-20240112061202

1 year ago

0.3.0

1 year ago

0.0.0-next-20240109105933

1 year ago

0.0.0-next-20240109045121

1 year ago

0.2.18

1 year ago

0.2.17

1 year ago

0.2.16

1 year ago

0.0.0-next-20240104101129

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-20231220091832

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-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