Как импортировать рубиновые драгоценные камни (точка останова) с помощью webpack?

Я установил susy и sass и настроил загрузчик css / sass в конфигурации webpack:

{ test: /\.scss$/, loader: ExtractTextPlugin.extract('css!sass') }

Вот мой основной файл scss:

@import "~susy/sass/susy";
@import "breakpoint";

$susy: (
  columns: 12,
  gutters: 1/4,
  math: fluid,
  output: float,
  gutter-position: inside
);

.layout {
  @include container();
  @include layout(12 1/4);
}

Это ошибка в выводе веб-пакета

ERROR in ./src/styles/base.scss
Module build failed: ModuleBuildError: Module build failed: 
@import "breakpoint";
^
      File to import not found or unreadable: breakpoint
gems which are installed

viktors-mbp:~ viktor$ gem list breakpoint sass compass

*** LOCAL GEMS ***

breakpoint (2.7.0)

*** LOCAL GEMS ***

sass (3.4.22)
sassy-maps (0.4.0)

*** LOCAL GEMS ***

compass (1.1.0.alpha.3, 1.0.3)
compass-core (1.1.0.alpha.3, 1.0.3)
compass-import-once (1.0.5)

Кто-нибудь знает как правильно @import точку останова?


webpack sass breakpoint-sass
person BILL    schedule 07.05.2016    source источник

Ответы (2)


arrow_upward
3
arrow_downward

Предполагая, что вы установили пакет breakpoint-sass:

npm install breakpoint-sass --save-dev

Затем вы должны импортировать его, но «сообщив загрузчику SASS», что этот элемент «точки останова» находится за пределами папки SASS с другими модулями узла:

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

person Ignacio Segura    schedule 10.08.2016

arrow_upward
1
arrow_downward

Взгляните на sass-loader import документацию:

Загрузчик sass использует настраиваемую функцию импорта node-sass для передачи всех запросов механизму разрешения веб-пакетов. Таким образом, вы можете импортировать свои модули Sass из node_modules. Просто добавьте к ним ~, чтобы сообщить webpack, что это не относительный импорт.

а также

Запись @import "file" аналогична записи @import "./file".

в значительной степени опишите проблему, с которой вы столкнулись.

Решение

Ответом на это будет установка пакета npm для точки останова вместо драгоценного камня и импортируйте его из node_modules, как вы это делали с susy. Или вы можете попробовать @import полный путь к файлу ruby ​​gem.

person Greg Venech    schedule 07.05.2016