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は変数を使用してさまざまなソートを実装します
Linux には、2 種類のファイル接続があります。1 つは Windows のショートカットに似て...
この記事の例では、画像の切り取りを実現するためのjsの具体的なコードを参考までに共有しています。具体...
序文1. デバウンス: 高頻度イベントがトリガーされた後、関数は n 秒以内に 1 回だけ実行されま...
1 はじめにデータベースを設計する場合、画像や音声ファイルをデータベースに挿入することは避けられませ...
Docker は非常に人気のあるコンテナ技術です。K8S によって廃止され、別のコンテナ技術である ...
リバースプロキシリバースプロキシとは、プロキシサーバーを介してユーザーのアクセス要求を受信し、ユーザ...
目次1. フロントエンドのリーディングプロセス: 2. プラグインの使用と初期化2.1 vue-ad...
目次まとめ全体的なプロセスフロントエンドページコード検証コードとログイン サービスをリクエストする ...
目次ライフサイクルの変化反応的な参照vue2.x では ref を使用して要素タグを取得します。vu...
目次1. はじめに2. 本文2.1 Where句の位置2.2 演算子2.3 NULL値1. はじめに...
<本文> <div id="ルート"> <h1 ...
多くのネットユーザーは、なぜ自分のウェブサイトはいつも色の問題を抱えていて、いつも地味に見え、注目を...
1. ホストMacbookにHOSTをセットアップする前回のドキュメントでは仮想マシンの静的 IP ...
MySQL には、主に left()、right()、substring()、substring_i...
<br />元のアドレス: http://andymao.com/andy/post/8...