Как при помощи Webpack подключить slider-pro?

Question

[Александр Гришин]

Плагин установил:
npm install slider-pro
Как теперь его подключить в рельсах 5.1 ?
Сделал так но стили не подгружаются (pack/application.js):
import 'slider-pro';
UPD
1) И что делать с зависимостями в самих файлах css? к примеру ссылки на файлы картинки т.е. сами картинки в пакете итд?
2) Не хотелось бы указывать путь хотелось бы просто import styles from 'slider-pro'

Comments

[Сергей delphinpro]

Капитан Очевидность тут подсказывает мне через плечо, что стили тоже надо подключить

import 'slider-pro/dist/css/slider-pro.css';

[Александр Гришин]

Сергей, Это круто конечно.
1) Но что делать с зависимостями в самих файлах css? к примеру ссылки на файлы картинки итд?
2) Не хотелось бы указывать путь хотелось бы просто import styles from 'slider-pro'

[Сергей delphinpro]

Александр Гришин, Зависимости из css webpack сам подхватит. Вам только соответствующие лоадеры нужно правильно настроить.
https://webpack.js.org/loaders/file-loader/

[Сергей delphinpro]

Не хотелось бы указывать путь хотелось бы просто import styles from 'slider-pro'

Мало ли чего хочется.
Стили импортируются так как я показал.
Можно короткий алиас настроить
webpack.config.js:

alias: {
  "slider-pro.css": "slider-pro/dist/css/slider-pro.css"
}

import 'slider-pro.css';

Но смысла не вижу. Стили всё равно единственный раз подключаются в точке входа.

[Сергей delphinpro]

Александр Гришин, Я думаю стили по дефолту не подключены в слайдер автором по причине того, что конечному пользователю они могут быть не нужны. Или нужны не полностью.
Например не нужны стили оформления, только ядро, отвечающее за критическую функциональность. В этом случае я могу к примеру подключить не сборку из dist, а только конкретные файлики стилей из src. Или, если стили написаны на sass, то подключить исходники и подредактировать переменные.

Так кстати поступают все (ну или большинство) из известных мне пакетов.