vue コンポーネントを npm に公開する方法

この記事では、vue コンポーネントを npm に公開する簡単な方法と手順を説明しますので、必要な方はぜひ参考にしてください。

1.0 新しいプロジェクト

1.1 初期化プロジェクト
npm init と入力し、その後必要事項を入力します

新しい src ディレクトリを作成し、その src ディレクトリに新しいalert.vue を作成します

$ npm init
$ mkdir src
$ cd src
$ touch alert.vue

最後にディレクトリ構造

1.2 エントリファイルを変更

package.jsonを開いて変更

1.3 コンポーネントの内容を書く

このコンポーネントの内容は好きなように記述できます。まずはテストしてみましょう、こんな感じで書きました

<template>
  <p class="alert">
    <p>dddddd</p>
  </p>
</template>

<style>
  .alert {
    color: red;
  }
</style>

<script>

export default {
  name:&#39;vue-x-alert&#39;
}

</script>

2.0 npmを登録します

npm公式サイトを開いて登録し、登録したアカウントとパスワードnpm-urlを覚えておいてください

2.1 npmにログインして公開します

$ npm login // 登录
$ npm publish

2.3 npmを開いて、リリースしたばかりのコンポーネントを見てください

次に、このコンポーネントをプロジェクトで使用し、npmでインストールし、インポートして使用する必要があります

Update package

package.json

"version ": "1.1.0",

を変更してから再公開すると問題なく動作します

関連する推奨事項:

Vue コンポーネント オプションの小道具

方法Vue コンポーネントに射出ボール

コンポーネントを書き込む 人生を変える_Vue コンポーネントの謎を解き明かす_html/css_WEB-ITnose

以上がvue コンポーネントを npm に公開する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。