The implementation principle of @unplugin-vue-ce/switch-shadow comes from vue/core pr #7971
Tips: ⚠ This plugin will inject the implementation code into the vue runtime, which is what I have to tell you. If you have any problems using it, please submit an issue
TODO
npm i @unplugin-vue-ce/switch-shadowor
yarn add @unplugin-vue-ce/switch-shadowor
pnpm add @unplugin-vue-ce/switch-shadowVite
// vite.config.ts
import { defineConfig } from 'vite'
import { viteVueCEShadow } from '@unplugin-vue-ce/switch-shadow'
import vue from '@vitejs/plugin-vue'
import type { PluginOption } from 'vite'
export default defineConfig({
plugins: [
vue(),
viteVueCEShadow() as PluginOption,
],
})Rollup
// rollup.config.js
import { rollupVueCEShadow } from '@unplugin-vue-ce/switch-shadow'
export default {
plugins: [
rollupVueCEShadow(),
],
}Webpack
// webpack.config.js
module.exports = {
/* ... */
plugins: [
require('@unplugin-vue-ce/switch-shadow').webpackVueCEShadow(),
],
}Vue CLI
// vue.config.js
module.exports = {
configureWebpack: {
plugins: [
require('@unplugin-vue-ce/switch-shadow').webpackVueCEShadow({}),
],
},
}ESBuild
// esbuild.config.js
import { build } from 'esbuild'
import { esbuildVueCEShadow } from '@unplugin-vue-ce/switch-shadow'
build({
plugins: [esbuildVueCEShadow()],
})