githubアクションを使用してNPMに発行する

私は最近、NPMに自動的にパッケージを公開する方法を見つける必要がありました、そして、私のすべてのプロジェクトがGithubでホストされるので、私はなぜGithubアクションを使用しないかと思いました?この記事では、3つの簡単な手順でそれをする方法を説明します!
👉🏻 PSSTまた、いくつかの実際の例を確認できます.

Oruga UI

DCC-Utils

NPMに新しいトークンを生成する

まず最初にNPMにパッケージを発行するのに使われる新しいNPMトークンを作成する必要があります.
NPMダッシュボードを開くメインメニューから“アクセストークン”を選択し、“新しいトークンを生成”をクリックして

を選択するときに2つのファクタ認証をバイパスする

それから、あなたのトークンをコピーしてくださいGitHub secret 次のセクションで説明したように

あなたのトークンをgithub秘密として保管してください

GitHubアクションはあなたのGitHubの秘密にアクセスできるので、それはあなたのトークンを格納するのに最適な場所です!
“設定”-“秘密”をクリックして“新しいリポジトリの秘密”をクリックし、以前にコピーしたあなたのNPMトークンを追加NPM_TOKEN 識別ラベル

今、コードを書いて、パッケージを公開する新しいアクションを作成する時です!

行動を起こす

新しいGithubアクションを作成するpublish.yml プロジェクトの内側.github/workflows .

name: Publish to NPM
on:
  release:
    types: [created]
jobs:
  build:
    runs-on: ubuntu-latest
    steps:
      - name: Checkout
        uses: actions/checkout@v2
      - name: Setup Node
        uses: actions/setup-node@v2
        with:
          node-version: '14.x'
          registry-url: 'https://registry.npmjs.org'
      - name: Install dependencies and build 🔧
        run: npm install && npm run build
      - name: Publish package on NPM 📦
        run: npm publish
        env:
          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

このアクションはGithubに新しいリリースを作成するときにのみ実行されます

on:
  release:
    types: [created]

実行する手順は本当に明確です.

チェックアウトコード

セットアップノード.JS環境(ここではNode . js 14 . xを使用します).

依存関係をインストールし、必要に応じてパッケージをビルドします

NPMに公開!このステップを見ることができますNPM_TOKEN 初期化する秘密NODE_AUTH_TOKEN env変数

      - name: Publish package to NPM 📦
        run: npm publish
        env:
          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

新規リリースの作成

あなたの行動を実行するにはcreate a new release on GitHub .

その後、パッケージはNPM🎉