yarnの話.pdf

Transcript

1.  yarn の話 JSON ⽇の⾦曜⽇＠新潟 14 週⽬ 1
2. ⾃⼰紹介 ツイッター @kam1nchu 仕事 インフラエンジニア よく⾏く勉強会 JAWS-UG 新潟⽀部 好きな⾔語 Typescript 2
3. yarn は知ってますか？ 3
4. npm の名前の違うやつです 4
5. おわり 5
6. ではなくて 6
7. npm にはない( かもしれない) 便利そうな 機能を いくつか紹介します 7
8. コマンドライン系 8
9. npm scripts yarn の場合、 run が省略可能です # npm の場合 $ npm run build # yarn の場合 $ yarn build 9
10. autoclean yarn install や yarn add 時に、 node_modules 以下の設定したファイル を消してくれます # .yarnclean の⽣成 $ yarn autoclean --init # パッケージの追加と同時に、*.md とかの不要ファイルが消える $ yarn add express 10
11. check package.json が yarn.lock と⼀致するか検証してくれます # 普通にチェック $ yarn check # ハッシュ値までチェック $ yarn check  --integrity 11
12. create create-react-app みたいなやつ ( 指定できるkit ⼀覧の探し⽅はよくわかってない) # react のテンプレ作ってくれる $ yarn create react-app my-app 12
13. import yarn じゃないプロジェクトで、 node_modules いじらないようにいい感 じに yarn.lock 作ってくれるやつ( っぽい) ※ うまく⾃分で検証できてないので、⾃信ない $ yarn import 13
14. init package.json をいい感じにつくるやつ # 対話形式 $ yarn init # とりあえず作っちゃいたいとき $ yarn init --yes # private: true を追加できる $ yarn init --private 14
15. licenses 全パッケージのライセンスが⾒れる $ yarn licenses list 15
16. licenses 全パッケージのライセンスが⾒れる $ yarn licenses list 16
17. upgrade-interactive 神ツール インストールされてるすべてのパッケージを( インタラクティブに) 最 新にできる。 package.json に書かれてるバージョンも書き換得ることができる。 # package.json のバージョン範囲での最新にする $ yarn upgrade-interactive # レジストリにある最新にする。package.json も書き変わる。 $ yarn upgrade-interactive --latest 17
18. why 「なんでこのパッケージが？」を解決できる # 誰だよ、lodash ⼊れたやつ $ yarn why lodash 18
19. package.json 系 19
20. 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
21. 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. ファイル系 22
23. .yarnrc yarn の動作を制御できます。 CLI の引数をいじれるのとかはちょっと便利そう。 --install.check-files true を⼊れると、 yarn install --check-files と同じになる 詳しくはリンクをみて！！ https://classic.yarnpkg.com/ja/docs/yarnrc 23
24. おわり 24