@webpack_ru
Webpack — русскоговорящее сообщество

Обсуждения webpack, лоадеров, плагинов и сборок Правила: http://bit.ly/our_etiquette См. также: @rollup_ru, @react_js, @vscode_ru, @macos_ru, @js_ru

974 members

Архив канала @webpack_ru 2 апреля 2018 г.

08:56:07 ДП
09:09:02 ДП
User 122087672
в 5 будет
09:09:18 ДП
User 122087672
если имеется в виду "кеширует"
09:50:47 ДП
User 107282384
Ребята
09:50:59 ДП
User 107282384
Нормальная ли практика использывать webpack просто при верстке?
09:51:18 ДП
User 107282384
Вот работаю я в студии, бывают всякие заказы, даже простой лендинг
09:51:32 ДП
User 107282384
Пользывался gulp для pug и scss
09:51:45 ДП
User 107282384
а тут че то, идея такая... использываь веб пак
09:54:28 ДП
User 82830343
User 107282384
а тут че то, идея такая... использываь веб пак
Тебе для чего то конкретно надо? Какой то фичи нет в галпе?
09:54:54 ДП
User 107282384
Да все есть, просто, вопрос такой возник... не идиотство ли это?
09:56:48 ДП
User 82830343
User 107282384
Да все есть, просто, вопрос такой возник... не идиотство ли это?
Не идиотство, но я чет хз удобно ли будет.
10:18:46 ДП
User 67164223
User 107282384
Нормальная ли практика использывать webpack просто при верстке?
parceljs для тебя
10:18:55 ДП
User 259652278
Товарищи, осторожнее при использовании файлов со спец.символами вроде ?. У меня WebPack на него ругался жестко
10:19:02 ДП
User 67164223
вебпак монструозный для верстки
10:20:24 ДП
User 259652278
Webpack в первую очередь ориентирован на работу с JS, а в чистой верстке именно JS не так много
10:21:53 ДП
User 67164223
User 259652278
Webpack в первую очередь ориентирован на работу с JS, а в чистой верстке именно JS не так много
я уже посоветовал сборщик для верстки, этого достаточно. Parceljs zeroconfig
12:15:56 ПП
User 412142535
User 67164223
parceljs для тебя
А чё не галп?
12:19:49 ПП
User 246872810
User 107282384
Нормальная ли практика использывать webpack просто при верстке?
Нет смысла.
12:21:49 ПП
User 167042461
для scss достаточно вотчера в шторме =) но кто чем пользуется - фломастеры там.
12:22:28 ПП
User 147771380
User 167042461
для scss достаточно вотчера в шторме =) но кто чем пользуется - фломастеры там.
Это если сам делаешь
12:23:17 ПП
User 67164223
User 412142535
А чё не галп?
нахуй этот галп
12:26:46 ПП
User 212795634
User 167042461
для scss достаточно вотчера в шторме =) но кто чем пользуется - фломастеры там.
а на чем он там? libsass или ruby-sass?
12:34:56 ПП
User 147771380
User 212795634
а на чем он там? libsass или ruby-sass?
Что поставишь
12:35:10 ПП
User 147771380
Там путь можно указать
12:36:17 ПП
User 147771380
Вернее даже нужно
12:38:34 ПП
User 107282384
Да не, реально
12:38:37 ПП
User 107282384
Лучшего галп)
12:40:19 ПП
User 67164223
User 107282384
Да не, реально
не неси хуйню
03:28:33 ПП
User 131915538
Привет, народ. Подскажите, как собирать scss так, чтобы в билде они лежали в папке assets в формате css. И еще подключилась к проекту через <link> в index.html. Использую вебпак 4
03:31:20 ПП
User 67164223
эх, ща бы в линк подключать зависимости
03:32:33 ПП
User 412142535
User 67164223
эх, ща бы в линк подключать зависимости
Ну не знает человек)
03:32:44 ПП
User 412142535
User 131915538
Привет, народ. Подскажите, как собирать scss так, чтобы в билде они лежали в папке assets в формате css. И еще подключилась к проекту через <link> в index.html. Использую вебпак 4
Читай лучше документацию
03:32:55 ПП
User 412142535
Это базовые вещи
03:33:32 ПП
User 67164223
Я вообще с этого ору. Когда чуваки, который верстали все время, начинают разбираться с новыми технологиями, и не доходят до конца
03:33:37 ПП
User 67164223
и просто юзают старые методы
03:34:12 ПП
User 412142535
Я помню как плевался от галпа
03:34:34 ПП
User 412142535
User 67164223
и просто юзают старые методы
Ты какой там сборщик советовал для сборки?
03:34:44 ПП
User 67164223
User 412142535
Ты какой там сборщик советовал для сборки?
parceljs
03:34:51 ПП
User 67164223
https://parceljs.org/
parceljs.org
Blazing fast, zero configuration web application bundler
03:34:55 ПП
User 67164223
няшка вообще
03:34:56 ПП
User 412142535
User 67164223
parceljs
Спасибо, посмотрю
03:35:06 ПП
User 67164223
юзаю для верстки тупой
03:35:56 ПП
User 412142535
User 67164223
юзаю для верстки тупой
Ох.. Наконец-то на русском дока, пойду вздрочну
03:38:36 ПП
User 67164223
вот я думаю. Верстать с помощью SC или sass?
03:38:50 ПП
03:38:57 ПП
User 112715267
тупую верстку?
03:39:01 ПП
User 112715267
лучше sass
03:39:03 ПП
03:39:28 ПП
User 67164223
А мне лень создавать для всего файлики
03:39:33 ПП
User 67164223
для стилей*
03:39:44 ПП
User 67164223
так что лучше Styled
03:39:57 ПП
User 67164223
тем более им через js можно управлять
03:40:46 ПП
User 412142535
User 67164223
вот я думаю. Верстать с помощью SC или sass?
вкусовщина
03:40:59 ПП
User 67164223
Зато имею полный контроль над стилями
03:41:07 ПП
User 412142535
мне нравится scss
03:41:17 ПП
User 212795634
User 67164223
вот я думаю. Верстать с помощью SC или sass?
Ск и некст
03:42:35 ПП
User 67164223
User 212795634
Ск и некст
я вчера делал на нексте, но не разобрался, как мне билд сделать с htmlкой
03:42:42 ПП
User 67164223
как билдить то на сервер, лол
03:42:48 ПП
User 212795634
User 67164223
я вчера делал на нексте, но не разобрался, как мне билд сделать с htmlкой
Там же пример есть
03:42:56 ПП
User 67164223
User 212795634
Там же пример есть
хмхмхм
03:54:15 ПП
User 131915538
User 412142535
Это базовые вещи
прошу спуститься на минуту на мой донный уровень и скинуть ссылку, где читать. Я нашел только ExtractTextPlugin, но он на 4 вебпаке не пашет
03:54:30 ПП
User 55943427
User 131915538
прошу спуститься на минуту на мой донный уровень и скинуть ссылку, где читать. Я нашел только ExtractTextPlugin, но он на 4 вебпаке не пашет
да
03:55:10 ПП
User 67164223
User 131915538
прошу спуститься на минуту на мой донный уровень и скинуть ссылку, где читать. Я нашел только ExtractTextPlugin, но он на 4 вебпаке не пашет
пашет)
04:24:17 ПП
User 67164223
User 131915538
прошу спуститься на минуту на мой донный уровень и скинуть ссылку, где читать. Я нашел только ExtractTextPlugin, но он на 4 вебпаке не пашет
скажи сам себе, для чего тебе нужен вебпак?
04:27:35 ПП
User 131915538
Сказал, что дальше?)
04:27:36 ПП
User 131915538
скажи сам себе, для чего тебе нужен вебпак?
04:27:43 ПП
User 355846509
User 67164223
скажи сам себе, для чего тебе нужен вебпак?
звучит, как "Зачем жить? Какой смысл в нашей жизни?"
05:27:04 ПП
User 620157
какого хуя DefinePlugin может не работать7
05:28:23 ПП
User 620157
в плагинах
new webpack.DefinePlugin({
        'GIT_BRANCH': "HUI",
      }),
05:28:33 ПП
User 620157
в коде делаю console.log("GIT_BRANCH")
05:28:39 ПП
User 620157
выводит GIT_BRANCH
05:28:41 ПП
05:29:03 ПП
User 212795634
О, настоящий сябро
05:29:14 ПП
User 620157
да, я
05:29:23 ПП
User 212795634
Троллишь?
05:29:37 ПП
05:29:48 ПП
User 620157
я его не юзал никогда
05:30:00 ПП
User 620157
я так понимаю что он тупо реплейсит вхождения найденные
05:30:04 ПП
User 212795634
Консоль лог? Или джаваскрипт?
05:30:08 ПП
User 620157
но видимо не понимаю
05:30:17 ПП
User 212795634
console.log(GIT_BRANCH)
05:30:24 ПП
User 212795634
Он в глобал кладет
05:30:25 ПП
05:30:27 ПП
05:30:29 ПП
User 620157
вот пидор
05:31:03 ПП
User 620157
осталось только придумать куда это аккуратно запихать в ТС-е
05:31:06 ПП
User 620157
тогда
05:31:12 ПП
User 620157
чтобы не глобально
05:31:22 ПП
User 212795634
Да, и можно JSON.stringify('huy'), если работать не будет
05:32:10 ПП
User 212795634
ProvidePlugin, или че там
05:32:15 ПП
User 212795634
Есть какое то говно
05:32:30 ПП
User 121729445
С говном шутки плохи)
05:32:31 ПП
User 212795634
Чтобы import Huy from 'huy' делать
05:32:59 ПП
User 620157
да не, все ок
05:33:16 ПП
User 620157
через declare разрулил
просто что он в глобал пихает не так очевидно из доки
05:34:47 ПП
User 620157
сеня, спасибо
05:35:03 ПП
User 212795634
Пожалуйста
05:49:12 ПП
User 259652278
Товарищи, подскажите, по какой причине не работает бандл? Требуется: файл sa.html (чанки tools, vendor, styles, sa), файл five.html (чанки tools, vendor, styles, five)

https://gist.github.com/kinjalik/67fdab72aebd51ce5082b840a57c4915
gist.github.com/kinjalik/67fdab72aebd51ce5082b840a57c4915
GitHub is where people build software. More than 27 million people use GitHub to discover, fork, and contribute to over 80 million projects.
05:52:59 ПП
User 259652278
Понял, я дебил, отменяю вопрос, я не правильное название чанка писал
05:54:24 ПП
User 39232169
User 131915538
прошу спуститься на минуту на мой донный уровень и скинуть ссылку, где читать. Я нашел только ExtractTextPlugin, но он на 4 вебпаке не пашет
https://github.com/webpack-contrib/extract-text-webpack-plugin/pull/685
github.com/webpack-contrib/extract-text-webpack-plugin/pull/685
Issues Fixes #701 Fixes #667 Compatibility Issues CSS generated in the wrong order ( again )
05:56:43 ПП
User 39232169
точнее во, они перенесли - https://github.com/webpack-contrib/extract-text-webpack-plugin/pull/768
github.com/webpack-contrib/extract-text-webpack-plugin/pull/768
Issues Fixes #701 Fixes #667
06:59:32 ПП
User 67164223
Ох, парсель какой няшка стал
06:59:39 ПП
User 67164223
теперь даже .babelrc не нужно
06:59:48 ПП
User 67164223
реакт и так работает
07:35:42 ПП
User 255693053
подскажите плз, у нас на проекте вебпак ( пока первой версии) собирает 5 страниц + 10 тем ( один и тот же less, но прокидывается переменная темы), итого около 50 сборок. c css пока вроде ничего не сделаешь, но вместе с ним собирается каждый раз js, который получается одинаковый для 10 тем.

хотелось бы запускать 5 сборок ( страниц) и чтобы в них js собирался один раз, а при сборке стилей собирались сразу все 10 тем в разные css файлы, + пути к ним через AssetsPlugin, подскажете как настроить?)
07:36:22 ПП
User 67164223
User 255693053
подскажите плз, у нас на проекте вебпак ( пока первой версии) собирает 5 страниц + 10 тем ( один и тот же less, но прокидывается переменная темы), итого около 50 сборок. c css пока вроде ничего не сделаешь, но вместе с ним собирается каждый раз js, который получается одинаковый для 10 тем.

хотелось бы запускать 5 сборок ( страниц) и чтобы в них js собирался один раз, а при сборке стилей собирались сразу все 10 тем в разные css файлы, + пути к ним через AssetsPlugin, подскажете как настроить?)
попробовать 5 энтри сделать?
07:36:47 ПП
User 255693053
с энтри все понятно, сейчас их 50 штук генерится
07:37:23 ПП
User 67164223
User 255693053
с энтри все понятно, сейчас их 50 штук генерится
в смысле генерится? Показывай конфиг сначала
07:38:11 ПП
User 255693053
конфиг наверное не смогу показать, но мы используем parallel-webpack, который генерит эти 50 вариантов - 5 страниц на 10 тем
07:39:14 ПП
User 67164223
так не охото с вебпаком первым чот делать
07:39:43 ПП
User 255693053
я думал как то в лоадере cтилей можно вместо 1 файла стилей собирать сразу 10
07:39:50 ПП
User 255693053
или так не получится?
07:40:22 ПП
User 67164223
User 255693053
я думал как то в лоадере cтилей можно вместо 1 файла стилей собирать сразу 10
смотря как ты тему делаешь
07:42:00 ПП
User 255693053
loaders.push({
            test: /\.(less|css)$/,
            loader: ExtractTextPlugin.extract('style', `css!postcss!less?{"modifyVars":{"theme":"${options.theme}"}}`)
        });
07:43:23 ПП
User 255693053
User 67164223
смотря как ты тему делаешь
просто название переменной прокидывается
07:43:42 ПП
User 67164223
можно какой-нибудь свитчкейс пихнуть для extract и брать какую-нибудь переменную и по условию
07:45:21 ПП
User 255693053
не понятно пока)
07:45:36 ПП
User 67164223
ну вот у тебя theme есть
07:46:30 ПП
User 67164223
напишу функцию выше со свитчкейсом. В функцию передавай переменную темы и возвращай значение для темы
07:49:51 ПП
User 255693053
все равно не понимаю как это поможет собрать 10 тем за одну сборку )
07:50:37 ПП
User 67164223
а, за одну
07:50:59 ПП
User 67164223
ну надо несколько extract plugin
07:53:13 ПП
User 67164223
будет как-то так выглядеть

const theme1 = new ExtractTextPlugin('/[name].css');

const theme2 = new ExtractTextPlugin('/[name].css');

 {
                test: /\.scss$/,
                use: theme1.extract({
                    use: ['css-loader', 'sass-loader'],
                }),
            },

 {
                test: /\.scss$/,
                use: theme2.extract({
                    use: ['css-loader', 'sass-loader'],
                }),
            },


plugins:  [theme1, theme2],
07:54:31 ПП
User 67164223
но это на 3 версии)
07:54:39 ПП
User 67164223
попробуй также на 1
07:56:17 ПП
User 67164223
User 255693053
все равно не понимаю как это поможет собрать 10 тем за одну сборку )
пробуй кароч)
08:13:25 ПП
User 255693053
User 67164223
пробуй кароч)
не прокатило)
08:13:27 ПП
08:13:53 ПП
User 67164223
чем смог, тем помог
08:14:21 ПП
User 255693053
а еще есть варианты?
08:15:51 ПП
User 67164223
гуглить если только