Skip to content

Instantly share code, notes, and snippets.

@x7ddf74479jn5
Last active August 4, 2022 13:43
Show Gist options
  • Save x7ddf74479jn5/ec7c2eb194986604f23bc44a07df890e to your computer and use it in GitHub Desktop.
Save x7ddf74479jn5/ec7c2eb194986604f23bc44a07df890e to your computer and use it in GitHub Desktop.
pnpmで管理しているプロジェクトでStorybookを試す

pnpmで管理しているプロジェクトでStorybookを試す

動機

Storybookはpnpmでパッケージを管理している場合、不具合が出ることが指摘されている。

しかし最近、pnpmを使う機会が増えてきたため実際どうなるか試す。

現状

pnpmの利点は損なわれるが、yarnやnpmのようにnode_moduels以下にパッケージを並列展開することでStorybookのビルドはできる。

storybook@v7で依存関係の解決方法が変わりそう。storybook@v7が出るまで待つ。

検証内容

npn, yarnは追加iたパッケージの依存パッケージもnode_modules以下に並列に展開する。 そのためpackage.jsonに記載されていないパッケージであっても実体はあり、インポートできる。 pnpmはより安全に直接依存しているパッケージ以外はインポートできないようになっている。

pnpm installのオプションで指定する。

pnpm install --shamefully-hoist

npm や yarn で使用されるフラットなnode_modules 構造を使用します。 警告: これは非常に推奨されません。

pnpm install

または.npmrcファイルにオプションを記載する。

.npmrc

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment