[SASS・SCSS]@import文のパスにチルダ(~)を付けると”webpackでパス解決する”になる

こちら(sass-loader | webpack) に載ってました。

以下は抜粋です。

sass-loaderは、Sassのカスタムインポーター機能を使用して、すべてのクエリをWebpack解決エンジンに渡します。したがって、node_modulesからSassモジュールをインポートできます。

@import "bootstrap";

ローダーは最初に@importを相対パスとして解決しようとします。解決できない場合、ローダーはnode_modules内の@importを解決しようとします。

@import "〜bootstrap";

モジュールパスの前にを付けると、webpackにnode_modulesを検索するように指示されます。

の使用は非推奨であり、コードから削除できます(推奨)が、歴史的な理由から引き続きサポートしています。

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

ブログ始めたばかりのITエンジニアです。
まずは内容ボロボロでも投稿すること自体を目的にして、少しずつ改善していきます!

目次