1. 使用バージョン
2. viteプラグインをインストールするyarn add vite-plugin-style-import -D または npm i vite-plugin-style-import -D プラグインリポジトリアドレス: github 3.vite.config.js の設定'@vitejs/plugin-vue' から vue をインポートします 'vite-plugin-style-import' から styleImport をインポートします。 /** * @type {import('vite').UserConfig} */ エクスポートデフォルト{ プラグイン: [ vue(), スタイルインポート({ ライブラリ: [{ ライブラリ名: 'ant-design-vue', esModule: true、 解決スタイル: (名前) => { `ant-design-vue/es/${name}/style/css` を返します。 }, }] }) ] } 4. テスト実行メイン.js 'vue' から {createApp} をインポートします。 './App.vue' からアプリをインポートします。 'ant-design-vue' から { Input } をインポートします。 const app = createApp(App) app.use(入力) app.mount('#app') コンポーネントで使用される <テンプレート> <!-- スクリプト設定でインポートおよび使用されます。登録は必要ありません--> <Button type="primary"> プライマリ</Button> <!-- main.js でコンポーネントを登録するには use を使用します --> <a-input placeholder="基本的な使い方" /> </テンプレート> <スクリプトの設定> 「ant-design-vue」から Button をインポートします。 </スクリプト> vite2.x で ant-design-vue@next コンポーネントのオンデマンド読み込みを実装する方法についての記事はこれで終わりです。vite2.x オンデマンド読み込みの関連コンテンツについては、123WORDPRESS.COM の以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。 以下もご興味があるかもしれません:
|
<<: ubuntu16.04 で nginx を完全にアンインストールするための関連コマンド
>>: MySQLは変数を使用してさまざまなソートを実装します
目次概要計算された監視プロパティを監視する要約する概要Vue プロジェクトでは、computed と...
1. MySQL Yumリポジトリを追加するMySQL公式サイト>ダウンロード>MySQ...
目次1. MySQLのインストール1.2 テーブル、データベース、ユーザーを作成する1.3 リモート...
:動的コンポーネントv-bind:is="component name" を使用...
序文インデックスの選択はオプティマイザ段階の作業であることはわかっていますが、オプティマイザは万能で...
背景インデックスは諸刃の剣です。クエリ速度は向上しますが、DML 操作も遅くなります。結局のところ、...
目次1. クロスドメインフィルタ CorsFilter 1.1 設定例1.2 パラメータの説明2. ...
目次概要演算子の改良と正確なinstanceofよりスマートなオブジェクトリテラル推論固有のシンボル...
Syn 攻撃は、最も一般的で最も簡単に悪用される攻撃方法です。TCP プロトコルの欠陥を利用して、偽...
これら 6 つの記事を書いた後、私は少し混乱し始めました。次にどこに書けばいいのか分かりません。ドメ...
結合の書き方左結合を使用する場合、左側のテーブルが必ず駆動テーブルになりますか? 2 つのテーブルの...
この種のエラーに対処するための 1 つの方法は、まずマークアップとスタイルシートを検証することです。...
目次問題の説明解決問題分析問題の説明MySQL で delete ステートメントを使用してデータを削...
<br />ウェブサイトのアクセス速度はウェブサイトのトラフィックに直接影響を及ぼし、ウ...
この記事では、例を使用して、MySQL で効率的なインデックスを作成する方法について説明します。ご参...