unplugin vue ce
v1.0.0
隨著VUE 3.5的發布,Vue對自定義元素有更多支持。該存儲庫應該已經完成了任務(Vue支持自定義元素的更多功能之前的過渡解決方案),因此該存儲庫不應支持3.5。我建議您升級到Vue 3.5.x,以滿足您對自定義元素的需求。
一個擴展Vue的自定義元素功能的VUE插件(V-Model,Child Style)
英語| 中文
提示:此插件將將實現代碼注入VUE運行時,這是我必須告訴您的。如果您有任何問題,請提交問題
npm i unplugin-vue-ce -D或者
yarn add unplugin-vue-ce-D或者
pnpm add unplugin-vue-ce -D提示:您需要啟用
@vitejs/plugin-vue的customElement選項
// vite.config.ts
import { defineConfig } from 'vite'
import { viteVueCE } from 'unplugin-vue-ce'
import vue from '@vitejs/plugin-vue'
import type { PluginOption } from 'vite'
export default defineConfig ( {
plugins : [
vue ( ) ,
viteVueCE ( ) as PluginOption ,
] ,
} ) // rollup.config.js
import { rollupVueCE } from '@nplugin-vue-ce'
export default {
plugins : [
rollupVueCE ( ) ,
] ,
} // webpack.config.js
module . exports = {
/* ... */
plugins : [
require ( 'unplugin-vue-ce' ) . webpackVueCE ( ) ,
] ,
} // vue.config.js
module . exports = {
configureWebpack : {
plugins : [
require ( 'unplugin-vue-ce' ) . webpackVueCE ( { } ) ,
] ,
} ,
} // esbuild.config.js
import { build } from 'esbuild'
import { esbuildVueCE } from 'unplugin-vue-ce'
build ( {
plugins : [ esbuildVueCE ( ) ] ,
} ) 查看更多詳細信息 @unplugin-vue-ce/v-model
查看更多詳細信息 @unplugin-vue-ce/子式
查看更多詳細信息 @unplugin-vue-ce/ce-app