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モデル、チャイルドスタイル）

英語| 中文

特徴

？これは、Vueの関数拡張です
？複数のバンドルされたプラットフォームと互換性があります。
vidサポートVモデル
cild子スタイルをサポートします

ヒント：このプラグインは、実装コードを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 ( ) ] ,
} )