$30 off During Our Annual Pro Sale. View Details »

yarnの話.pdf

 yarnの話.pdf

kaminchu

March 13, 2020
Tweet

More Decks by kaminchu

Other Decks in Programming

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