scssファイルのインポート時に〜の意味

Question

私はscssファイルをインポートするために次の構文を使用するスタイリングに使用するnpmライブラリを持っています。私はこれが何を意味するのかわかりませんし、オンラインで文書を見つけることができませんでした。私はビルドプロセス中にwebpackとgruntを使用します。 sass-loader#importsプロジェクトのドキュメントから

@import '~bourbon/app/assets/stylesheets/bourbon'; 
@import '~bourbon-neat'; 

Answer 1

、

WebPACKのは、ファイルを解決するための高度なメカニズムを提供します。 sass-loaderはnode-sassのカスタムインポータ機能を使用して、すべての クエリをwebpack解決エンジンに渡します。したがって、node_modulesからSass モジュールをインポートすることができます。ただ、これはあなたがfoo.cssという名前のファイルやモジュールfooを持っている場合は、モジュールを含めたいのであれば、あなたは~を使用することになり、相対インポート

ではないことWebPACKの を伝えるために〜でそれらを付加。