Pugでmixin(別途ファイルにて定義)する場合

Question

前提・実現したいこと

Pugでmixinを取り入れたいのですが、
sassのように使うと考えると、呼び出しはsassの@includeの代わりに「+」だと思うのですが、
sassはmixinを定義したファイルをstyle.scssで@importしていました。
Pugで同様にmixinを別ファイルに定義する場合sassでいう@importしてmixinファイルを読み込む方法はどのようにするのでしょうか？

検索をしてみても、読み込みというと「+」で使いたいところで使うといった説明ばかりで、外部ファイルとして定義したmixinファイルをどこでどのように読み込んだらいいのかがあまり見つけられずにいます。
何卒よろしくお願いします。

補足情報（FW/ツールのバージョンなど）

OS:Windows
エディタ:VScode
ブラウザ:クローム

Answer 1

includeを使うことで実現できると思います。
共通で使い回す変数などもおなじ要領で使うと便利だと思います^^
※以下、同階層にファイルがあった場合の例です

▼variable.pug

-
  var text = "ほげ"

▼mixin.pug

mixin hoge(text)
  p=text

▼index.pug

include variable
include mixin

+hoge(text)

Comments

[mitrasi]

ご回答ありがとうございます。
階層が違う場合なので試してみましたが、pugのincludeではパスが自動的に表示されません。
これは表示できないものなのでしょうか？
階層が辿れないので確認ができなくて…少し質問の本質とはズレますがすみません。
（cssなんかはプラグインで自動的にパスが出ます）

[runnynose]

最近、pug触ってないので今どうかわからないですが、私が開発してた時はvscodeでそういうのはなかったかもしれないですね。。。

[mitrasi]

そうだったんですね！私の質問の仕方もよくなかったんですが、ひとまずやりかった「Pugはincludeで取り入れる」「includeで取り入れたやつのcssはimportで取り入れる」というのは実現しました。
ご回答ありがとうございました！