Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
yarnの話.pdf
Search
kaminchu
March 13, 2020
Programming
1
130
yarnの話.pdf
kaminchu
March 13, 2020
Tweet
Share
More Decks by kaminchu
See All by kaminchu
jawsug_niigata_20220115
kaminchu
0
240
React勉強会.pdf
kaminchu
0
210
Web_アプリ_勉強会_FE_BE_.pdf
kaminchu
0
870
ルーターの選び方その2.pdf
kaminchu
0
670
ルーターの選び方
kaminchu
0
1.1k
NDS56.pdf
kaminchu
0
65
nds54
kaminchu
0
150
internet
kaminchu
0
2.8k
Other Decks in Programming
See All in Programming
Netty Chicago Java User Group 2024-04-17
sullis
0
210
Ruby Function Composition
bkuhlmann
1
340
初心者のためのRubyKaigi入門/RubyKaigi Introduction
a_matsuda
10
1.6k
Let's learn code review
riofujimon
2
600
AmperとFleetを使ったAndroidアプリ
yoppie
0
260
敵対的ポイフル
futabato
0
140
Python3.12のWhat's New から f-string の変更だけ読んでみた
2323code
0
100
Fast JSX: Don't clone props object #28768
yossydev
1
200
Behind VS Code Extensions for JavaScript / TypeScript Linnting and Formatting
unvalley
6
1.3k
Next.js App Router
quramy
12
1.9k
雑に思考を整理する技術と効能
konifar
64
30k
Compose-View Interop in Practice (mDevCamp 2024)
stewemetal
0
170
Featured
See All Featured
Designing Dashboards & Data Visualisations in Web Apps
destraynor
226
51k
Teambox: Starting and Learning
jrom
128
8.4k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
117
18k
Building Applications with DynamoDB
mza
88
5.6k
The Art of Programming - Codeland 2020
erikaheidi
43
12k
Fontdeck: Realign not Redesign
paulrobertlloyd
76
4.9k
The Mythical Team-Month
searls
217
42k
StorybookのUI Testing Handbookを読んだ
zakiyama
13
4.6k
Documentation Writing (for coders)
carmenintech
60
4k
Into the Great Unknown - MozCon
thekraken
15
1k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
79
43k
Become a Pro
speakerdeck
PRO
13
4.6k
Transcript
yarn の話 JSON ⽇の⾦曜⽇@新潟 14 週⽬ 1
⾃⼰紹介 ツイッター @kam1nchu 仕事 インフラエンジニア よく⾏く勉強会 JAWS-UG 新潟⽀部 好きな⾔語 Typescript
2
yarn は知ってますか? 3
npm の名前の違うやつです 4
おわり 5
ではなくて 6
npm にはない( かもしれない) 便利そうな 機能を いくつか紹介します 7
コマンドライン系 8
npm scripts yarn の場合、 run が省略可能です # npm の場合 $
npm run build # yarn の場合 $ yarn build 9
autoclean yarn install や yarn add 時に、 node_modules 以下の設定したファイル を消してくれます
# .yarnclean の⽣成 $ yarn autoclean --init # パッケージの追加と同時に、*.md とかの不要ファイルが消える $ yarn add express 10
check package.json が yarn.lock と⼀致するか検証してくれます # 普通にチェック $ yarn check
# ハッシュ値までチェック $ yarn check --integrity 11
create create-react-app みたいなやつ ( 指定できるkit ⼀覧の探し⽅はよくわかってない) # react のテンプレ作ってくれる $
yarn create react-app my-app 12
import yarn じゃないプロジェクトで、 node_modules いじらないようにいい感 じに yarn.lock 作ってくれるやつ( っぽい) ※
うまく⾃分で検証できてないので、⾃信ない $ yarn import 13
init package.json をいい感じにつくるやつ # 対話形式 $ yarn init # とりあえず作っちゃいたいとき
$ yarn init --yes # private: true を追加できる $ yarn init --private 14
licenses 全パッケージのライセンスが⾒れる $ yarn licenses list 15
licenses 全パッケージのライセンスが⾒れる $ yarn licenses list 16
upgrade-interactive 神ツール インストールされてるすべてのパッケージを( インタラクティブに) 最 新にできる。 package.json に書かれてるバージョンも書き換得ることができる。 # package.json
のバージョン範囲での最新にする $ yarn upgrade-interactive # レジストリにある最新にする。package.json も書き変わる。 $ yarn upgrade-interactive --latest 17
why 「なんでこのパッケージが?」を解決できる # 誰だよ、lodash ⼊れたやつ $ yarn why lodash 18
package.json 系 19
resolutions パッケージに含まれる依存パッケージが脆弱性がある!!依存パッケ ージだけ最新にしたい!!!!!って時に使える。 { "name": "project", "version": "1.0.0", "dependencies": {
"left-pad": "1.0.0", "example_package": "^1.0.0" }, "resolutions": { "example_package/**/left-pad": "1.1.1" } } 20
workspace Lerna みたいなやつ(Lerna 知らんけど) 。 package.json の中に workspaces を記述することで、ディレクトリの中のプロジェクトを node_module
へのリンクにできます。 詳しくはリンクを読んで!! https://classic.yarnpkg.com/ja/docs/cli/workspace https://classic.yarnpkg.com/ja/docs/workspaces 21
ファイル系 22
.yarnrc yarn の動作を制御できます。 CLI の引数をいじれるのとかはちょっと便利そう。 --install.check-files true を⼊れると、 yarn install
--check-files と同じになる 詳しくはリンクをみて!! https://classic.yarnpkg.com/ja/docs/yarnrc 23
おわり 24