unplugin vue ce下载 - unplugin vue ce源代码下载

unplugin vue ce

三方组件

v1.0.0

下载

随着VUE 3.5的发布，Vue对自定义元素有更多支持。该存储库应该已经完成了任务（Vue支持自定义元素的更多功能之前的过渡解决方案），因此该存储库不应支持3.5。我建议您升级到Vue 3.5.x，以满足您对自定义元素的需求。

unplugin-vue-ce

一个扩展Vue的自定义元素功能的VUE插件（V-Model，Child Style）

英语| 中文

特征

？这是VUE的功能扩展
？与多个捆绑的平台兼容（vite，webpack）
⛰支持V模型
⚡支持儿童风格

提示：此插件将将实现代码注入VUE运行时，这是我必须告诉您的。如果您有任何问题，请提交问题

安装

npm i unplugin-vue-ce -D

或者

yarn add unplugin-vue-ce-D

或者

pnpm add unplugin-vue-ce -D

用法

提示：您需要启用@vitejs/plugin-vue的customElement选项

Vite

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

 // webpack.config.js
module . exports = {
  /* ... */
  plugins : [
    require ( 'unplugin-vue-ce' ) . webpackVueCE ( ) ,
  ] ,
}

VUE CLI

 // vue.config.js
module . exports = {
  configureWebpack : {
    plugins : [
      require ( 'unplugin-vue-ce' ) . webpackVueCE ( { } ) ,
    ] ,
  } ,
}

Esbuild

 // esbuild.config.js
import { build } from 'esbuild'
import { esbuildVueCE } from 'unplugin-vue-ce'

build ( {
  plugins : [ esbuildVueCE ( ) ] ,
} )