Как подружить Phpstorm и gulp-sass @import?

Все шикарно работает с такими путями, НО, когда используется Webpack. Поэтому в вашем случае нужно указать полный путь до пакета. Так как используете includePaths, то достаточно убрать тильду.

zorca, имеете ввиду полный путь
@import '../node_modules/bootstrap/......' ?

brees, попробуйте просто тильду убрать в пути

zorca, да без тильды сборка запустится и всё соберётся как нужно, но phpstorm будет подсвечивать ошибку

brees, если только это беспокоит, то почитайте это: https://stackoverflow.com/questions/49235176/using...
Вкратце, Шторму нужно указать, где он должен искать ресурсы.

В вашем случае рутом для ресурсов нужно пометить папку node_modules

Вариант номер два - поставьте готовый сборщик Laravel Mix и забудьте про написание галп-файлов.

zorca, спасибо, посмотрю в сторону ларавель микса, не уверен, что получится легко перенести то, что есть сейчас(кривая сборка на gulp4 для битрикс). Сейчас я хочу перенести js с gulp-concat на вебпак, не знаю получится ли и sass собирать через него(sass Разбит хаотично и подключается в одном файле main.sass, т.е. никакой модульности или компонентов), или лучше стили оставить на галпе как сейчас ?

brees, все просто переносится, пара минут