0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

GitHub Packagesを作ってGitHub Actionsでワークフロー管理してみた(GitHub Packages編)

Last updated at Posted at 2021-11-12

はじめに

CI・CDでいい感じに開発するためにGitHub Packagesを導入してみました!

参考文献

GitHub Packagesのクイックスタート

package.jsonを作成する

package.json
{
  "name": "@xxx/test",
  "version": "1.0.0",
  "repository": {
    "type": "git",
    "url": "https://github.com/xxx/test.git",
    "directory": "GitHub-Packages-sample"
  }
}

npm installを実行する

npm install

簡単な処理を書いたjsファイルを用意する

index.js
console.log("hello world!!!!!!!!!");
console.log("hello world!!!!!!!!!");
console.log("hello world!!!!!!!!!");

個人アクセストークンでの認証用の.npmrcファイルを作成する

.npmrc
//npm.pkg.github.com/:_authToken=GitHubの認証トークン作成方法で作成したトークン]
registry=https://npm.pkg.github.com/リポジトリ名

差分のファイル一式をコミット・プッシュする

git add .
git commit -m "feat:initialCommit"

GitHub Packagesで公開する

npm publish

完成

スクリーンショット 2021-11-12 21.45.56.png

最後に

超簡単な機能でしたけど、パッケージにすることで「バックエンド・フロントエンドの型をパッケージで共有する」みたいなことができます(実際にお仕事でやってて使い勝手が良すぎたので書いてみました)
次回はGitHub Actionsで色々自動化してみます!

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?