
Roman
11.04.2017
16:11:46
я с дижиталом работаю) а что с ним?

Petr
11.04.2017
16:42:34
Есть работа по проекту в до , сайт на реакте кто может помочь, в лс

Вячеслав
11.04.2017
16:44:30
Есть кто gulp юзает? Я тут хотел fontawesome подключить, прописываю npm install font-awesome —save-dev, идет установка и нигде не появляется требуемая библиотека.
По-умолчанию должна была появиться в node modules, но её там нету.

Google

Petr
11.04.2017
16:46:28
В lib

Roman
11.04.2017
16:47:00
gulp.task('postcss', function () {
const processor = ([
autoprefixer({browsers: ['last 7 version']}),
pxtorem({
rootValue: 16,
unitPrecision: 5,
propList: ['font', 'font-size', 'line-height', 'letter-spacing'],
selectorBlackList: ['body', 'html'],
replace: true,
mediaQuery: false,
minPixelValue: 6
}),
toRem({
base: 16,
mini: 6
}),
cssnano(),
fonts()
]);
return gulp.src('app/sass/**/*.sass')
.pipe(sourcemaps.init())
.pipe(sass({
includePaths: bourbon.includePaths
}).on("error", notify.onError()))
.pipe(sassUnicode())
.pipe(rename({suffix: '.min', prefix: ''}))
.pipe(media())
.pipe(postcss(processor))
.pipe(sourcemaps.write('./'))
.pipe(gulp.dest('./app/css'))
.pipe(browserSync.reload({
stream: true
}))
});
класс, gulp-notify ещё и работает удобнее оказывается, нормальное оповещение отображает в системе, чем этот плюмбер. ещё раз спасибо) и не глючит больше после ошибок компиляции

KarmaBot
11.04.2017
16:47:01
Спасибо (+1) для @nutcase принято!
Текущая карма +45

Igor
11.04.2017
16:47:39

Вячеслав
11.04.2017
16:48:11
В lib
Это который в самом проекте?

Petr
11.04.2017
16:48:24
Да

Igor
11.04.2017
16:48:26
нет
всё правильно, в нод модулес
не там ищешь

Gregory
11.04.2017
16:48:53
Еще очень классный плагин https://github.com/postcss/postcss-browser-reporter

Вячеслав
11.04.2017
16:48:59

Igor
11.04.2017
16:49:07
И вообше, имхо, фонт осом надо ставить с ключом —save

Gregory
11.04.2017
16:49:09
Информирует об обшибках в верхней части окна браузера

Google

Вячеслав
11.04.2017
16:49:14
Уже удалил и переустановку делал

Igor
11.04.2017
16:49:24
Это же библиотека для проекта

Вячеслав
11.04.2017
16:49:44
Верно
Только к чему это?

Igor
11.04.2017
16:50:30
--save-dev — это то, что требуется для сборки. —save — для продакшна

Вячеслав
11.04.2017
16:50:44
Ну, всё верно

Igor
11.04.2017
16:51:14
А ты в какой папке делаешь эту команду?

Вячеслав
11.04.2017
16:52:45
В папке где папка node modules, gulpfile и т.п.
Установка проходит успешно, даже в package.json добавляется
Но не отображается

Konstantin
11.04.2017
16:54:39
как называется плагин?

Вячеслав
11.04.2017
16:54:50
Ладно, сделал по-другому
Чтобы импортировать все scss файлы в папке в sass файл мне нужно @import "app/libs/font-awesome/scss/*.scss" прописать, верно?

Igor
11.04.2017
16:56:43
нет
только один
font-awesome
А он подтянет другие

Вячеслав
11.04.2017
16:58:05
Эм, то есть?

Igor
11.04.2017
16:58:37
Вот только нижний импортируй

Google

Вячеслав
11.04.2017
16:58:49
Ага, понял

Igor
11.04.2017
16:58:56
Если его откроешь, там видно, что в нём импорт всех остальных

Вячеслав
11.04.2017
16:59:08
Не смотрел, спасибо

KarmaBot
11.04.2017
16:59:09
@waltherv в этом чате принято отвечать (reply) на сообщение пользователя, чтобы его поблагодарить.

Вячеслав
11.04.2017
16:59:17

KarmaBot
11.04.2017
16:59:18
Спасибо (+1) для @nutcase принято!
Текущая карма +46

Igor
11.04.2017
17:00:38
И да, не забудь поменять пути. Если у тебя папка libs не идёт в продакшн, то потом фонт осом просто не найдёт нужные шрифты

Вячеслав
11.04.2017
17:01:19
А с папкой fonts в fontawesome надо что-то делать?

Igor
11.04.2017
17:02:08
думаю, лучше все файлы из неё закинуть в фонтс/

Вячеслав
11.04.2017
17:02:10
В темплейте, что на сайте она не используется

Igor
11.04.2017
17:02:19
Но может, кто по-другому делает
Я так

Kathrin
11.04.2017
17:14:48
Приветик) А не подскажите где простыми словами описаны функции консоли браузера?
Для нубов так сказать

Roman
11.04.2017
17:16:24
https://habrahabr.ru/company/ruvds/blog/316132/
https://learn.javascript.ru/debugging-chrome

Kathrin
11.04.2017
17:19:14
Спасибо

KarmaBot
11.04.2017
17:19:16
@ в этом чате принято отвечать (reply) на сообщение пользователя, чтобы его поблагодарить.

Kathrin
11.04.2017
17:19:23
Смотрела их

Google

Roman
11.04.2017
17:19:39
больше не видел)
если найдёте что - киньте сюда тоже)

Evgeny
11.04.2017
17:25:36

Igor
11.04.2017
17:27:40
bower уже устарел давно :)

Evgeny
11.04.2017
17:28:26
почему?
я опять не в тренде?

Igor
11.04.2017
17:28:42
Потому что есть npm :)
bower уже редко кто юзает. Даже я отказался от него)

Roman
11.04.2017
17:29:27
а я на jspm

Evgeny
11.04.2017
17:29:33
хех и в чем разница, в том что ты напишешь в консоли для установки?

Igor
11.04.2017
17:30:47
npm i —save. У тебя нет лишней папки в assets, все нужные пакеты прописаны в package.json как Dependencies.
Делаешь просто npm i и у тебя загрузятся все необходимые библиотеки

Evgeny
11.04.2017
17:31:28
можешь пояснить о какой лишней папки идет речь?

Igor
11.04.2017
17:31:36
libs, например

Evgeny
11.04.2017
17:31:51
да неужели?

Igor
11.04.2017
17:31:54
у тебя куда bower ставит пакеты?

Evgeny
11.04.2017
17:32:19
тогда обьсни мне, почему я использую bower и у меня нет не одной лишней папки?

Roman
11.04.2017
17:32:22
если мы говорим про jspm или npm, мне только одно непонятно если честно)
вот например шрифты

Google

Roman
11.04.2017
17:32:32
как вы их подключаете в sass?

Evgeny
11.04.2017
17:32:44

Roman
11.04.2017
17:32:57
аа.. хотя. если они в npm, то по идее можно

Evgeny
11.04.2017
17:32:59
не плохо правда?

Roman
11.04.2017
17:33:23
просто jspm сохраняет весь контент всегда в уникальных папках, в которых в том числе версия пакета
это специально сделано
т.е. я не могу в scss подключить jspm пакет без проблем)
какойнить бутстрап или шрифт иконочный

Igor
11.04.2017
17:34:55
А, вижу.

Evgeny
11.04.2017
17:35:25
это единая папка
в принцмпе можно и продакшен прикрутить, но все руки не доходят

Igor
11.04.2017
17:36:10
Ну дело твоё, конечно. Но это уже устарело. Проще и быстрее через npm. Да и npm устареет скоро, ему на смену приходит yarn)
Быстрее сделать npm i и все зависимости и либы установятся сразу.
из package.json

Evgeny
11.04.2017
17:37:07
я всегда как вы наверное заметидли, люблю ловить людей когда они говорят лучше, моднее и так далее, но по факту из аргументов только вода, это проще и быстрее
)))

Igor
11.04.2017
17:37:28
Это проще и быстрее
Кто-то до сих пор верстает в notepad++, ему так удобнее
Но если он пойдёт в нормальную контору, то там покрутят пальцем у виска)
Так же и bourbon устарел. Есть отличные плагины postcss

Evgeny
11.04.2017
17:39:17
Это проще и быстрее
разниуа только в том, что с npm i ты ставишь все зависимости, а в случае с бовером ты пишешь один раз доп команду, вот и все, разница в 10 сек буквально.
И из за этого я лично считаю не стоит тратить время на переделку конфига
вот с бурбоном согласен