Как добавить breakpoint compas в webpack

Заметка о том, как заставить работать брейкпоинты (breakpoint) в стилях (sass) из compass при компиляции webpack.

Всё очень просто. Надо установить дополнительный пакет:

npm install breakpoint-sass --save-dev

А в том файле scss, где раньше был

@import 'breakpoint';

Меняем на путь где он лежит в ноде, например:

@import "../../node_modules/breakpoint-sass/stylesheets/_breakpoint";

или

@import '~breakpoint-sass/stylesheets/breakpoint';

Если путь указан верно, то webpack скомпилит sass без ошибок.

English Query (запросы по теме на английском языке)

How to import breakpoint (ruby gems) with webpack

Привет. Ты находишься на моём сайте. Я разработчик. Здесь я делюсь своими наработками и знаниями. Спрашивай в комментариях, если тебе что-то не понятно или пиши, если есть что добавить.

Если вам пригодилась информация, вы можете поблагодарить автора сайта символическим пожертвованием:

Добавить комментарий

Напишите свой комментарий, если вам есть что добавить/поправить/спросить по теме текущей статьи: "Как добавить breakpoint compas в webpack"
Если вам нужно добавить участок кода ставьте его между тегами <code></code>