Что означает / делает перед SASS / SCSS @import?

Question

Мне сказали на GitHub начать использовать ~ до моих путей SASS / SCSS @import.Пытался в Google, но не смог найти правильный ответ.Я думаю, что это слишком новичок, чтобы о нем даже не писали, но я бы хотел узнать это.

Answer 1

~ - это относительная ссылка на ваши файлы кода.

~ относится к node_modules, когда мы импортируем темы угловых материалов и другие библиотеки.в то время как в случае ~ в случае SASS ссылки на ваши локальные файлы загружают ваши партиалы.например: @import '~ scss / variable';Обычно это ссылка на местоположение по умолчанию для файловой системы.Я не уверен в правильности терминологии.

Answer 2

Это относится к каталогу node_modules (или его эквиваленту).

Например, в приложении Angular (которое, конечно, использует node.js и webpack) вы можетеиметь это:

A nav-bar.component.scss, который ссылается (@import) ~bootstrap/scss/functions.

Часть ~ относится к node_module и остальной части (bootstrap/scss/functions)относится к оставшейся части пути внутри каталога node_module (см. изображения ниже)

Answer 3

Его функция веб-пакет.~ равно node_modules