Vue.jsプロジェクトの戦闘:Antのデザインはプロのオープンソースプロジェクトの大規模な練習ノートを構築するために(1)

使用VueのCLI 3はすぐにプロジェクト/カスタム設定のWebPACKとバベルを作成します

1. VueのCLIはすぐにプロジェクトを作成します

作成するカスタム構成を選択します。

ここに画像を挿入説明 ここに画像を挿入説明

2.ピット1

プロジェクトを作成した後、プロジェクトを開き、プロジェクトはVSコードを開始しました:npm run serve

  • はじめは、入口ファイルを意味します。
    ここに画像を挿入説明

  • App.vueにに変更します。
    ここに画像を挿入説明

  • 与えられた、プロジェクトを再起動します。

    ここに画像を挿入説明

ソリューション

  • 新vue.config.jsフォルダのプロジェクトファイルで

  • 以下の内容を記述します。
    ここに画像を挿入説明

コンポーネントの導入を需要3.

  • プラグインをインストールします。npm i --save-dev babel-plugin-import
  • Babel.config.js関連の設定ファイル:
    ここに画像を挿入説明
  • に組み込まれたmain.jsコードコンポーネントの変更:
    ここに画像を挿入説明
公開された33元の記事 ウォン称賛73 ビュー2784

おすすめ

転載: blog.csdn.net/weixin_46124214/article/details/104135391