https://picturepan2.github.io/spectre/index.html#installation

こちらのspectre.cssというCSSフレームワークを使ってみたいのですが、yarn(素のnpmも)をほとんど使ったことがありません。

$ yarn add spectre.cssを実行するとnode_modulesというディレクトリにspectre.cssというディレクトリが作られファイル群がインストールされるところまでは確認できました。

このCSSを読み込んだindex.htmlという静的なページをまずは作ってみたいのですが、どうやって読み込んだらいいのかがわかりません。

node_modules/spectre.css/dist/にCSSが入っているようなので、

<link rel="stylesheet" href="./node_modules/spectre.css/dist/spectre.css">とやれば読み込めるとは思うのですが、このやり方で正しいのでしょうか。
実際にウェブサイトを公開していく時に、node_modulesという文字がパスに含まれているのは違和感があります。
そういうものなのでしょうか。

参考までにnode_modules/spectre.css/dist/の中身

  • spectre-exp.css
  • spectre-exp.min.css
  • spectre-icons.css
  • spectre-icons.min.css
  • spectre.css
  • spectre.min.css