なぜSCSSでのパス指定はルートディレクトリが「~/」ではないのですか？

Question

RailsでWebpackerでBootstrapを導入しています。エラーは出ていないのですが、その過程で以下のコードがでてきます。このパス指定でyarnでインストールしたmyapp/node_modules/bootstrap/dist/css/bootstrap.cssを指定しているのは分かるのですが、なぜルートディレクトリは~/ではなく~なのですか？

@import '~bootstrap/scss/bootstrap';

Linuxなどのルートディレクトリは$ cd ~/のようにスラッシュがいると思うのですが、気持ち悪くて落ち着きません。

構築は以下の記事を参考にしています。
https://qiita.com/Furuta03/items/6d1ed07fbcd897a80e80

##試したこと

• 本アプリ該当コードで@import '~/bootstrap/scss/bootstrap';としたらエラーとなる
• Linuxでは$ cd ~ではルートディレクトリにいかない

Answer 1

なぜルートディレクトリは~/ではなく~なのですか？

これはルートディレクトリの指定ではなく、「node_modules以下から読み込む」という意味の指定です。

Comments

[maztak]

回答ありがとうございます！
ということは、`~bootstrap`のような指定方法は、node.js特有の書き方ということでしょうか‥？

[maisumakun]

Node.jsのSass特有、です。

[maztak]

そうなのですね、回答ありがとうございます！
~のそもそもの意味まで解説してくださった方をベストアンサーとさせていただいたのですが、大変勉強になりましたm(_ _)m

Answer 2

SCSSとしての回答は付いていますが、

そもそもの用語として、~/はルートディレクトリじゃなくてホームディレクトリです。
ルートディレクトリは/です。

~：今のユーザーのホームディレクトリ
~hogehoge：hogehogeというユーザーのホームディレクトリ

Comments

[maztak]

回答ありがとうございます。ホームとルート、違いがあるのですね(^^;)

ホームディレクトリ`~`の後ろにスラッシュが付いても付かなくてもいいのは、URLのhttps://example.comの末尾にスラッシュが合ってもなくても同じ位置を示すのと、意味合い的には一緒なのでしょうか？

もしよければもう少し教えていただけると嬉しいです！

[otn]

~/ でなく、~ がホームディレクトリです。ホームディレクトリの aa.txt というファイルが ~/aa.txt です。
~/ は「ホームディレクトにスラッシュを付けたもの」です。

[maztak]

なるほど、わかってきました。たぶんディレクトリというものへの正確な理解が欠けていたのかなと思いました。ルートディレクトリの`/`と、各ファイルやディレクトリの前につく`/`は意味合いが違っていて
- 前者：ルートディレクトリそのもの
- 後者：ディレクトリを区切るもの
という理解をしました。