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

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

974 members

Архив канала @webpack_ru 15 марта 2018 г.

03:20:19 ДП
User 1040677
User 291325765
Правильный ответ! Мое мнение но вебпак херово работает с html и все что связано с версткой :)
Да да я это проверил на собственной шкуре, очень долго собирает верстку вебпак пл сравнению с галп
05:42:36 ДП
User 67164223
https://habrahabr.ru/company/skbkontur/blog/351080/
habrahabr.ru/company/skbkontur/blog/351080
Появляется все больше SPA салонов. Даже лендинги люди пилят на React. А действительно сложное веб-приложение уже трудно представить с другим подходом. Одна из...
06:26:45 ДП
User 291325765
User 1040677
Да да я это проверил на собственной шкуре, очень долго собирает верстку вебпак пл сравнению с галп
Я испытал тот ад когда пришлось перенести всю верстку на вебпак :( получился ещё тот адок
06:28:04 ДП
User 355846509
User 291325765
Я испытал тот ад когда пришлось перенести всю верстку на вебпак :( получился ещё тот адок
я как-то с браузерифай переводил. вообще симлисли, но для тришакинга пришлось реквайры на эсимпорты пкреписать
06:28:55 ДП
User 1040677
User 291325765
Я испытал тот ад когда пришлось перенести всю верстку на вебпак :( получился ещё тот адок
Вот вот, вот смотри галп настроил минимально и все ок)) А вебпак надо обучить чтобы он понимал html, css, картинки и шрифты..... жесть просто, корчое говоря когда верстка лучше чем Галп ничего нет, но когда преобладает js то лучше вебпака нет, надо использовать инструменты правильно я считаю))
06:34:10 ДП
User 67164223
User 1040677
Вот вот, вот смотри галп настроил минимально и все ок)) А вебпак надо обучить чтобы он понимал html, css, картинки и шрифты..... жесть просто, корчое говоря когда верстка лучше чем Галп ничего нет, но когда преобладает js то лучше вебпака нет, надо использовать инструменты правильно я считаю))
Нахуй галп, юзай parseljs
06:34:38 ДП
User 67164223
а если тебе трудно обучиться чему-то новому, ну меньше конкуренции :)
06:35:54 ДП
User 291325765
Никто не мешает до js юзать вебпак вместе с gulp ;)
06:36:21 ДП
User 67164223
Это дроч какая-то
06:36:25 ДП
User 67164223
есть parceljs для таких
06:36:28 ДП
User 67164223
который не пишут js
06:36:32 ДП
User 67164223
онли html + css
06:37:56 ДП
User 1040677
User 67164223
а если тебе трудно обучиться чему-то новому, ну меньше конкуренции :)
Всмысле сложно научиться? Епта, я использую и то и другое))
06:38:15 ДП
User 1040677
User 67164223
который не пишут js
Так я пишу и на js))
06:38:17 ДП
User 67164223
быдлокодер заговорил
06:38:43 ДП
User 1040677
User 67164223
есть parceljs для таких
Вот еще не юзал надо глянуть))
08:51:35 ДП
User 261513190
Всем прриветы. Подскажите плз. Решил разобраться со сборкой css, впихнул такую конфигурацию
Выдает ошибки типоERROR in ./~/css-loader?{"modules":true,"importLoaders":1,"localIdentName":"[name][local]_[hash:base64:5]"}!./src/all.css
Module not found: Error: Can't resolve 'components/common/Box/style.css' in '/home/varenik163/WebstormProjects/space-front/src'
08:51:40 ДП
User 261513190
{
                test: /\.css/,
                loader: 'style-loader'
            }, {
                test: /\.css/,
                loader: 'css-loader',
                query: {
                    modules: true,
                    localIdentName: '[name][local]_[hash:base64:5]/'
                }
            },
08:52:04 ДП
User 261513190
Почему он не видит их?
08:52:23 ДП
User 115191768
почему тест 2 раза идет на .css ?
08:52:47 ДП
User 115191768
query вроде запрещены. какая версия вебпака?
08:53:13 ДП
User 134905826
User 261513190
{
                test: /\.css/,
                loader: 'style-loader'
            }, {
                test: /\.css/,
                loader: 'css-loader',
                query: {
                    modules: true,
                    localIdentName: '[name][local]_[hash:base64:5]/'
                }
            },
разрули через include/exclude/issue
08:54:16 ДП
User 261513190
2.1.1 версия
08:54:36 ДП
User 261513190
взял отсюда конфиг https://javascriptplayground.com/css-modules-webpack-react/
javascriptplayground.com/css-modules-webpack-react
One of the biggest problems that developers face with CSS is that CSS is global. Each CSS class gets exposed globally and it’s very easy to inadvertently break a piece of your site when editing or adding CSS for a new feature. In an era where many developers are building websites as components with a framework such as React, CSS is an even bigger problem.
08:58:20 ДП
User 261513190
User 134905826
разрули через include/exclude/issue
имеешь ввиду добавить путь include: path.join(__dirname, 'src') или что?
08:59:43 ДП
User 261513190
или путь полный дописать типо?
08:59:50 ДП
User 134905826
User 261513190
имеешь ввиду добавить путь include: path.join(__dirname, 'src') или что?
я так понял проблема в срабатываении 2х лоадеров, не? include, exclude обычно разруливают. по хоже это тут не причем.
09:00:44 ДП
User 261513190
ну вроде нет. Если убрать style-loader, то тоже вывалит ошибку
09:01:23 ДП
User 261513190
и чувак по ссылке пишет, что это один из вариантов
09:02:34 ДП
User 134905826
странно что 2й вебпак, я бы с 2м вебпаком не разбирался, обновись хотябы до 3 — они совместимы.
09:49:09 ДП
User 201036437
Привет. Я запутался-потерялся. 

Установлен экстракт-текст-плагин и файл-лоадер

Стили - scss

Если я в scss использую url('something.file'), то файл выдёргивается и кладётся в папку, заданую в конфиге.

Но если я делаю 
@import '~module/module.css', который, в свою очередь, имеет url('moduleSomething.file'), то файл-лоадер не срабатывает и вебпак начинает плеваться в консоль тупо данными изнутри moduleSomething.file - файла. Что я делаю не так?
09:59:05 ДП
User 1040677
Потому что путь к файлу будет от того где находится css твой
10:00:16 ДП
User 201036437
User 1040677
Потому что путь к файлу будет от того где находится css твой
Как мне правильно будет решить эту проблему? Менять код стороннего модуля - не очень правильно, кажется.
10:02:33 ДП
User 1040677
User 201036437
Как мне правильно будет решить эту проблему? Менять код стороннего модуля - не очень правильно, кажется.
Подключай все стили в js
10:03:00 ДП
User 201036437
Если я подключу корневой только, то поможет?
10:03:13 ДП
User 201036437
Хотя что я. Сейчас попробую.
10:04:05 ДП
User 1040677
User 201036437
Если я подключу корневой только, то поможет?
Думаю должно быть))
10:08:23 ДП
User 201036437
User 1040677
Думаю должно быть))
Нет, никакой разницы. Попробовал саму либу импортить из js, а не из scss

ERROR in ./node_modules/raleway-cyrillic/fonts/Raleway-v4020-MediumItalic.ttf
Module parse failed: Unexpected character ' ' (1:0)
You may need an appropriate loader to handle this file type.
{
        test: /\.(woff2?|ttf|otf|eot|svg)$/,
        exclude: /node_modules/,
        loader: 'file-loader',
        options: {
          name: './external/[name].[ext]'
        }
      },
10:08:37 ДП
User 201036437
Ругается на отсутствие лодера, но лоадер на месте.
10:09:01 ДП
User 201036437
Файлы, которые типа фонов через url() в главном scss - нормально отрабатывает, шрифты с иконками оттуда же - тоже.
10:09:38 ДП
10:09:43 ДП
10:10:26 ДП
User 201036437
Сорри. Иногда прям тупость нападает 😏
10:11:11 ДП
User 1040677
Я же говорю например у тебя был путь к scss /src/scss/main/scss то к файлу который ты импортил например он в папке лежит то ты добавляешь путь к папке и к этому файлу
10:12:21 ДП
User 201036437
User 1040677
Я же говорю например у тебя был путь к scss /src/scss/main/scss то к файлу который ты импортил например он в папке лежит то ты добавляешь путь к папке и к этому файлу
Нет, проблема не в этом
10:12:27 ДП
User 201036437
А вот в этом exclude: /node_modules/,
10:14:13 ДП
User 1040677
User 201036437
А вот в этом exclude: /node_modules/,
Убрал и заработало?
10:35:39 ДП
User 57756498
Всем привет, у меня проблема такого рода, что при запуске webpack-dev-server я вижу что мой scss файл компилится, но браузер мне пишет, что файл не найден и стили не применяются. Если я создаю физический бандл, то все работает отлично
10:35:45 ДП
User 57756498
памагити
10:36:18 ДП
User 57756498
физический бандл появляется ровно там, куда смотрит link
10:37:30 ДП
User 291325765
конфиг бы поглядеть
10:39:21 ДП
10:40:38 ДП
User 291325765
а как запускашь ?
10:41:11 ДП
User 67164223
User 57756498
пиздец, Jq
10:42:21 ДП
User 67164223
User 57756498
у тебя нет условия для dev режима
10:42:35 ДП
User 67164223
вообще хуево написано
10:42:39 ДП
User 67164223
нет лоадера для сss
10:42:43 ДП
User 57756498
User 67164223
у тебя нет условия для dev режима
есть, в другом файле
10:43:13 ДП
User 57756498
совсем уэ за идиота меня не держите
10:43:41 ДП
User 67164223
User 57756498
совсем уэ за идиота меня не держите
ты jq юзаешь, никак иначе
10:44:00 ДП
User 57756498
клиент платит, клиент и музыку заказывает
10:44:18 ДП
User 67164223
ага, пришел такой и грит тебе
10:44:25 ДП
User 67164223
ебаника мне сайтец на jq и вебпаке
10:44:27 ДП
User 119990994
User 67164223
ты jq юзаешь, никак иначе
11:01:00 ДП
User 487471567
User 67164223
ебаника мне сайтец на jq и вебпаке
11:06:17 ДП
User 201036437
User 67164223
ебаника мне сайтец на jq и вебпаке
Ну, может там есть легаси-части на жквери, адские самописные алагины и всякое такое
01:04:10 ПП
User 309654252
подскажите, умеет ли compression-webpack-plugin сжимать svg-изображения? если да, какой опцией указать ему работать с .svg-файлами?
01:10:39 ПП
User 55943427
User 309654252
подскажите, умеет ли compression-webpack-plugin сжимать svg-изображения? если да, какой опцией указать ему работать с .svg-файлами?
тебе нужен svgo для svg
01:10:44 ПП
User 55943427
и есть отдельный лоайдер
01:11:47 ПП
User 309654252
User 55943427
тебе нужен svgo для svg
01:12:13 ПП
User 309654252
то есть, это не в компетенции compression-webpack-plugin и им одним не обойтись. Спасибо за инфу
05:47:09 ПП
User 160061898
Народ, вопрос про импорты и дефолтные экспорты.
Допустим завожу я папку utils, в ней какие-то функции.
В файле индекс описываю их через ипорты, а потом в конце экспортирую уже общим объектом.
05:47:45 ПП
User 160061898
Или второй вариант, все файлы всегда обычный экспорт
05:48:36 ПП
User 160061898
и в index.js в папке построчно
export { someLib} from './some-lib'
все модули
05:48:49 ПП
User 160061898
Кто какой предпочитает?
05:49:13 ПП
User 212795634
export * from
05:50:43 ПП
User 212795634
Четвертый шебпак вроде научился такое резать
05:52:59 ПП
User 160061898
User 212795634
export * from
поподробнее
05:53:35 ПП
User 212795634
User 160061898
поподробнее
Ре-экспортнет все именованные экспорты
05:58:34 ПП
User 160061898
Это понятно, но мы же и так перед этим все заэкспортим
05:58:58 ПП
User 212795634
Это в индексе
05:59:46 ПП
06:01:28 ПП
User 160061898
// @file index.js
export { module1 } from './module1';
export { module2 } from './module2';
06:01:48 ПП
06:03:45 ПП
User 160061898
export * это скорее для default модуля
06:03:47 ПП
User 160061898
или что-то
06:03:51 ПП
06:04:17 ПП
User 160061898
import { * as libs } from './libs';
export * from libs;
06:04:20 ПП
User 212795634
Это для всех вообще
06:04:43 ПП
06:04:44 ПП
06:04:56 ПП
User 160061898
чтобы не любить голову и не писать названия методов
06:05:02 ПП
User 160061898
все, осознано
06:06:24 ПП
User 160061898
Так, ок, 4 вебпак умеет
06:06:44 ПП
User 160061898
А со всеми прошлыми проектами лучше оставаться с довольно точной конкретикой по именам?
06:06:57 ПП
User 212795634
Умеет три шейкинг
06:07:06 ПП
User 212795634
Так то это любой мог
06:07:16 ПП
User 212795634
Но весь файл за собой тащил
10:08:23 ПП
User 239931494
Парни, подскажите, пожалуйста:  

Третий webpack генерирует мне svg-файлы из DOM-элементов, хотя в конфигурации я его об этом не просил.

Кто-нибудь может объяснить, почему такое происходит?

Вот мой webpack.config.js в вопросе на StackOverflow:

https://stackoverflow.com/questions/48847110/webpack-generates-svg-files-converting-dom-elements-with-css-into-svg-images

Спасибо!
stackoverflow.com/questions/48847110/webpack-generates-svg-files-from-dom-elements
My Webpack configuration below generates a ton of svg files in /dist folder: I don't have any svg files in /src folder at all. To the best of my knowledge, my webpack configuration is not suppose...
10:09:01 ПП