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

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

974 members

Архив канала @webpack_ru 19 января 2018 г.

12:01:36 ДП
User 52321317
User 299096137
да не помогает, пока f5 не сделаешь и я хз почему так
Как так не помогает, если название файла каждый раз разное?
12:02:42 ДП
User 299096137
вот так и не помогает, браузер грузит старое пока f5 не нажму и беда не только у меня, а у всех в команде, но я все время думал за вебпак, но не разу не смотрел за nginx
12:02:59 ДП
User 299096137
может проблема в том, что index.html вечно закеширован или что-то такое
12:03:22 ДП
User 212795634
User 299096137
вот так и не помогает, браузер грузит старое пока f5 не нажму и беда не только у меня, а у всех в команде, но я все время думал за вебпак, но не разу не смотрел за nginx
просто f5? у тебя хот релоад что ли?
12:03:43 ДП
User 299096137
что? Собранный бадл который залили на бэк
12:04:03 ДП
User 212795634
ну так надо страницу перезагрузить, ты чего хочешь вообще?
12:04:50 ДП
User 299096137
если просто заходить по урлу, то браузер отдает старое
12:05:05 ДП
User 299096137
а если именно уже на сайте обновить, то браузер обновляет
12:05:35 ДП
User 212795634
ну кеш html не сбросить через браузер
12:06:32 ДП
User 299096137
я говорю, что я вижу. Я залил бандл, зашел на сайт изменений нет -> делаю f5 (причем без дев консоли и т.д.) и тогда сайт новый
12:06:53 ДП
User 299096137
проверенно на разных машинах и почему так я хз, завтра чекать конфиг nginx буду, может в нем трабла
12:08:25 ДП
User 299096137
я знаю, что это странно, да и бадл то с хешом собирается, но какого хрена, я хз
02:19:38 ДП
User 134905826
User 299096137
пару вопросов, я смогу работать с апи сервис воркера, когда плагин подключится? и как агресивно скинуть кеш на сайте? Ну я сделал сборку, залил на сервер и пока не нажму f5 кеш не сбросится, и кеш не сбросается, даже если я пытаюсь перейти по странице
не знаю как offline-plugin, но в sw-precache-webpack-plugin это нормально. т.к. сервис воркер хранит в себе хеши файлов, а сам сервис воркер обновляется раз в 24 часа.
10:30:45 ДП
User 40123304
Ребята, привет! Помогите пожалуйста, нубу. Собираю код он не работает. Когда запускаю через npm start он работает.
10:32:55 ДП
User 40123304
К сожалению там видно плохо
10:32:58 ДП
10:36:32 ДП
10:40:56 ДП
User 212795634
User 40123304
красным цветом ошибка
10:47:48 ДП
User 147771380
User 212795634
красным цветом ошибка
А ты умеешь помогать
10:49:00 ДП
User 212795634
User 147771380
А ты умеешь помогать
всегда рад
10:50:16 ДП
User 212795634
User 40123304
тебе это в продакшен или поиграться?
10:54:16 ДП
User 212795634
User 40123304
алло, ты прочитал сообщение
10:54:21 ДП
User 147771380
User 212795634
алло, ты прочитал сообщение
Это я
10:54:28 ДП
User 212795634
ну он в сети был
10:55:00 ДП
User 147771380
Хотел пошутить про мамку, но вспомнил, что не тот чат
10:55:46 ДП
User 1040677
User 147771380
Хотел пошутить про мамку, но вспомнил, что не тот чат
😂😂😂😂
10:55:52 ДП
User 1040677
User 147771380
Хотел пошутить про мамку, но вспомнил, что не тот чат
Думал ФЮ?
10:56:03 ДП
User 212795634
User 1040677
Думал ФЮ?
реакт.жс
11:01:10 ДП
User 40123304
@itsjohncena то что она красным я понял )))
11:01:20 ДП
User 212795634
User 40123304
@itsjohncena то что она красным я понял )))
там еще вопрос
11:01:40 ДП
User 40123304
@itsjohncena мне очень хочется поиграться
11:02:36 ДП
User 40123304
Работает нормлаьно без webpack-а
11:07:06 ДП
User 212795634
вечерком напиши, а по поводу вебпака - поставь так
11:07:10 ДП
User 212795634
targets: {
  browsers: ['last 1 Chrome version'],
  },
11:09:03 ДП
User 40123304
в package.json?
11:09:11 ДП
User 212795634
в вебпаке
11:09:21 ДП
User 212795634
опции preset-env
11:12:43 ДП
11:12:46 ДП
11:12:52 ДП
User 40123304
я создам её в common.js
11:13:07 ДП
11:13:17 ДП
User 40123304
аля так. да?
11:13:23 ДП
User 212795634
ну там массив вообще-то
11:13:42 ДП
User 212795634
ты не видишь как я написал?
11:13:50 ДП
User 212795634
прямо так скопируй
11:14:03 ДП
User 40123304
неее.... это жеж я на вебе нашёл кинул пример
11:14:14 ДП
User 40123304
я ищу куда его вписать в своей структуре
11:14:21 ДП
User 40123304
у меня то там такого 1 в 1 нет
11:14:25 ДП
User 212795634
ну вон таргетс
11:14:46 ДП
User 212795634
закинь туда
11:19:50 ДП
User 40123304
вот так вот у меня получилось
11:19:51 ДП
11:22:08 ДП
11:23:20 ДП
User 40123304
@itsjohncena ругается
11:24:27 ДП
User 212795634
User 40123304
@itsjohncena ругается
ну блять
11:24:50 ДП
User 212795634
у тебя выше правильный пример
11:25:00 ДП
User 212795634
ты еще один массив проебал
11:28:05 ДП
User 40123304
пример? кя взял твой кусок и синтегрил
11:28:23 ДП
User 40123304
как массив пропущен не понимаю
11:28:32 ДП
User 40123304
все скобки бъются
11:29:10 ДП
11:29:22 ДП
User 40123304
может не вижу чего?
11:30:30 ДП
11:30:35 ДП
User 212795634
смотри внимательнее
11:30:47 ДП
User 212795634
User 40123304
может не вижу чего?
2 массива, ну
11:31:00 ДП
11:33:11 ДП
User 40123304
Переделал
11:33:12 ДП
11:35:30 ДП
User 40123304
Ошибка осталась та же
11:35:50 ДП
User 40123304
Error: options/query cannot be used with loaders (use options for each array item) in {
11:36:10 ДП
User 40123304
может секция не та
11:43:51 ДП
User 212795634
User 40123304
может секция не та
module: {
    rules: [
      {
        test: /\.jsx?$/,
        exclude: /node_modules/,
        use: {
          loader: 'babel-loader',
          options: {
            presets: [
              ['env', {
                targets: {
                  browsers: ['last 1 Chrome version'],
                },
              }],
            ],
          },
        },
      },
    ],
  },
11:47:43 ДП
User 40123304
тесть
11:48:01 ДП
User 40123304
собираться начало ручается на `'@babel/preset-stage-2',
              '@babel/preset-react',`
11:48:10 ДП
User 40123304
сейчас закоменчу их
11:48:55 ДП
User 212795634
лол ну естественно если ты не установил их
11:49:13 ДП
User 40123304
ERROR in ./src/index.js
Module build failed: Error: Couldn't find preset "@babel/preset-env" relative to directory "/home/hashenergy/voice-record/src"
11:49:21 ДП
User 40123304
это npm модули?
11:49:31 ДП
User 40123304
или у вебпака есть свои какие-то модули?
11:50:27 ДП
User 212795634
User 40123304
ERROR in ./src/index.js
Module build failed: Error: Couldn't find preset "@babel/preset-env" relative to directory "/home/hashenergy/voice-record/src"
ну поменяй на presets: [ ['env', {
11:50:40 ДП
User 212795634
у меня от 7го бабела модули
11:52:22 ДП
User 40123304
сейчас поставлю их
11:52:40 ДП
11:52:47 ДП
User 212795634
если бабел кор 6 то не надо
11:53:28 ДП
User 212795634
User 40123304
сейчас поставлю их
я отредачил код, проверяй
11:59:46 ДП
User 40123304
Вернулись к началу
12:13:35 ПП
User 212795634
User 40123304
Вернулись к началу
ну preset-react добавь)
12:16:35 ПП
User 40123304
верни пож те две строчки которые ты вырезал )))
12:17:30 ПП
User 40123304
Я их не сохранил, соррян
12:20:09 ПП
User 212795634
там неправильные
12:20:12 ПП
User 212795634
забей
12:20:27 ПП
User 40123304
не могу
12:20:48 ПП
User 212795634
User 40123304
не могу
первая строчка в гугле
12:20:50 ПП
User 212795634
babel preset react
12:20:51 ПП
User 40123304
success if my only motherfucking option failure is not!
03:25:57 ПП
User 212795634
как сделать чтобы @babel/node понимал импорты любых файлов, а не только те, что нода дефолтно реквайрить может?
03:26:49 ПП
User 212795634
бандлил webpack-dev-middleware в серверный бандл, он уходил в цикличную пересборку, хочу попробовать бабел-нод
03:39:12 ПП
User 212795634
@ssupinsky мож ты знаешь?
03:41:30 ПП
User 97081120
User 212795634
как сделать чтобы @babel/node понимал импорты любых файлов, а не только те, что нода дефолтно реквайрить может?
я знаю
03:41:42 ПП
User 212795634
User 97081120
я знаю
расскажешь как?
03:41:55 ПП
User 189706357
А я чет вопроса не понял🙈
03:41:56 ПП
User 97081120
require('babel-core/register');
['.css', '.less', '.sass', '.ttf', '.woff', '.woff2'].forEach((ext) => require.extensions[ext] = () => {});
require('babel-polyfill');
require('src/server.js');
03:42:26 ПП
User 97081120
это в сервере в корне
03:42:33 ПП
User 212795634
спс, попробую
03:42:36 ПП
User 189706357
User 97081120
require('babel-core/register');
['.css', '.less', '.sass', '.ttf', '.woff', '.woff2'].forEach((ext) => require.extensions[ext] = () => {});
require('babel-polyfill');
require('src/server.js');
Во в вебпаке же это в алиасах
03:42:37 ПП
User 97081120
а экспресс и остальные импорты — в src/server
03:42:45 ПП
User 212795634
а лоадеры как прописать?
03:42:52 ПП
User 97081120
как обычно
03:43:02 ПП
User 97081120
там какие-то мелкие детали вроде были, но мелкие, сам поймешь по ошибкам
03:43:22 ПП
User 212795634
так где если вебпак конфига нет?
03:43:29 ПП
User 212795634
для сервера
03:43:29 ПП
User 97081120
хз, у меня есть
03:43:36 ПП
User 97081120
отдельный для сервера отдельный для клиента
03:43:49 ПП
User 97081120
хочешь дам доступ в репку где это настроено и работает
03:43:51 ПП
User 97081120
повтыкаешь
03:43:56 ПП
User 212795634
так если есть бабел-нод, сервер бандлить не надо
03:43:59 ПП
User 212795634
давай
03:44:08 ПП
User 97081120
битбакет есть? кинь почту
03:44:23 ПП
User 189706357
User 97081120
отдельный для сервера отдельный для клиента
А чем рестартишь сервер с вебпаком при изменении файлов?
03:44:32 ПП
User 97081120
нодемоном
03:44:39 ПП
User 97081120
nodemon dist/server.js
03:44:45 ПП
User 189706357
User 97081120
нодемоном
И плагин к вебпаку?
03:44:55 ПП
User 97081120
не, просто нодемон за дистом смотрит
03:45:01 ПП
User 97081120
а вебпак в него собирает
04:15:05 ПП
User 620157
парни, а как отключить эту ебанину при билде?
04:15:07 ПП
04:20:20 ПП
User 620157
--hide-modules
04:20:22 ПП
User 620157
всем, спасибо
04:36:41 ПП
User 1040677
Короче трабл у меня)) Почему то не резолвятся шрифты(( В чем может быть проблема?
04:36:49 ПП
04:37:16 ПП
04:38:02 ПП
User 1040677
То есть в css прописываю пути
04:38:30 ПП
User 134905826
css-loader есть?
04:39:03 ПП
04:39:22 ПП
04:40:22 ПП
User 134905826
publicPath ../ -- похоже на какойто дикий костылль
04:40:39 ПП
User 134905826
предлагаю тебе переосмыслить пути, бардак жеж
04:41:46 ПП
User 1040677
User 134905826
publicPath ../ -- похоже на какойто дикий костылль
Почему?
04:41:57 ПП
User 1040677
Если я его убираю у меня уже ничего не работает))
04:43:25 ПП
User 134905826
потому что писать в одном месте publicPath ../  -- а в другом  ../../assets не удобно хотябы.
04:45:40 ПП
User 134905826
а еще publicPath по дефолту / -- как ты себе представляеш выход ниже document root? так не бывает
04:46:04 ПП
User 1040677
А ой убрал))
04:46:21 ПП
User 1040677
Наверно где-то что-то не то сделал
04:47:13 ПП
User 1040677
Так убрал publickPath, так в чем проблема?
04:47:41 ПП
User 1040677
Без шрифтов заводится
04:47:45 ПП
User 1040677
С ними нет
04:48:03 ПП
User 32530886
User 1040677
Так убрал publickPath, так в чем проблема?
publicPath правильно же
04:48:13 ПП
User 32530886
User 1040677
С ними нет
Не надо писать в столбик
04:48:20 ПП
User 1040677
User 32530886
publicPath правильно же
Ну с ним и без него все окей))
04:48:27 ПП
User 1040677
User 32530886
Не надо писать в столбик
Всмысле?
04:49:24 ПП
User 32530886
Пиши одним большим сообщением, а не сотнями мелких
04:49:46 ПП
User 32530886
Это называется столбик
04:50:36 ПП
User 1040677
User 32530886
Пиши одним большим сообщением, а не сотнями мелких
Извините)) Хорошо)) Так в чем может быть проблема? Я убрал publickPath, он я так понял ничего не рашал. Но как исправить проблему с подключением шрифтов? Что самое странно у меня картинки в css резолвятся а шрифты нет, это очень странно
04:50:59 ПП
User 32530886
User 1040677
Извините)) Хорошо)) Так в чем может быть проблема? Я убрал publickPath, он я так понял ничего не рашал. Но как исправить проблему с подключением шрифтов? Что самое странно у меня картинки в css резолвятся а шрифты нет, это очень странно
Лоадеры для шрифтов есть?
04:51:29 ПП
User 1040677
User 32530886
Лоадеры для шрифтов есть?
Не знаю, мне казалось что file-loader за это отвечает...😅
04:51:44 ПП
User 32530886
User 1040677
Не знаю, мне казалось что file-loader за это отвечает...😅
Сам по себе он ничего не сделает
04:51:57 ПП
User 1040677
А можете подсказать лоадер для шрифтов?
05:02:01 ПП
User 457963109
file-loader
05:02:17 ПП
User 1040677
User 457963109
file-loader
Так я сделал тоже самое))
05:02:27 ПП
05:02:27 ПП
05:02:35 ПП
05:03:09 ПП
User 1040677
Может быть в этом проблема?
05:03:24 ПП
User 457963109
моя конфигурация 100% работает
05:03:40 ПП
User 457963109
"webpack": "^3.10.0",
05:03:48 ПП
User 1040677
User 457963109
моя конфигурация 100% работает
Так у меня отличается только тем что у меня PostCss
05:03:48 ПП
User 457963109
"file-loader": "^1.1.6",
05:04:23 ПП
User 1040677
User 457963109
"webpack": "^3.10.0",
"webpack": "^3.9.1","file-loader": "^1.1.6",
05:04:57 ПП
User 457963109
вам нужно сначала скопировать шрифты в папку с ресурсами, затем вам нужно сгенерировать файлы шрифтов css.
05:05:07 ПП
User 457963109
Я так делаю.
05:06:37 ПП
User 1040677
Вот ошибка
05:06:38 ПП
User 1040677
Module build failed: ModuleNotFoundError: Module not found: Error: Can't resolve '../../assets/fonts/OpenSans Condensed Light/OpenSansCondensedLight.woff' in 'D:\Practice\testWebpack\src\styles'
05:07:13 ПП
User 1040677
Он почему то ищет его в папке styles, хотя пути и сами шрифты находятся в другой, может быть дело в postcss?
05:07:46 ПП
User 457963109
вы импортировали файл шрифта в js-файл?
05:07:54 ПП
User 1040677
User 457963109
вы импортировали файл шрифта в js-файл?
Нет, Он же в css
05:08:25 ПП
05:09:04 ПП
User 1040677
User 457963109
А это нормальная практика?😅
05:09:06 ПП
User 457963109
загрузчик файлов не был вызван, потому что вы не импортировали файл шрифта
05:09:18 ПП
User 457963109
I have everything generic and I use that in game dev
05:09:21 ПП
User 457963109
55 games I have
05:10:08 ПП
User 457963109
Это автогенерирующий файл
05:11:44 ПП
User 1040677
User 457963109
Это вы где импортировали то?
05:12:14 ПП
User 457963109
Вы можете тригнуть file-loader только в том случае, если вы импортируете файл, это главное.
05:14:21 ПП
User 1040677
Вот так?))
05:15:03 ПП
User 457963109
export default ne nado.
05:15:08 ПП
User 457963109
just import
05:15:27 ПП
User 457963109
и убедитесь, что у вас есть файл css с шрифтами.
05:15:52 ПП
User 1040677
Все есть, убрал export и нифига((
05:16:22 ПП
05:17:05 ПП
User 457963109
вы уверены в путях?
05:17:29 ПП
User 457963109
вы запускаете webpack-dev-server?
05:18:07 ПП
User 1040677
User 457963109
вы запускаете webpack-dev-server?
Да
05:18:58 ПП
User 457963109
проверьте, какие именно ассеты загружены в webpack-dev-сервер.
05:19:40 ПП
User 1040677
User 457963109
проверьте, какие именно ассеты загружены в webpack-dev-сервер.
Как?
05:22:39 ПП
User 1040677
Так странная фигня
05:23:34 ПП
User 1040677
Сделал другой путь в css, и закомпилилось)) Только вот тригернуть передачу шрифтов из одного места в другое как?
05:25:36 ПП
User 457963109
http://localhost:8080/webpack-dev-server
05:26:09 ПП
User 457963109
User 1040677
Сделал другой путь в css, и закомпилилось)) Только вот тригернуть передачу шрифтов из одного места в другое как?
я не понимаю
05:26:39 ПП
User 457963109
Вы просто делаете это один раз.
05:27:32 ПП
User 1040677
Все сам решил уже, спасибо тебе, ты меня надоумил насчет путей)) Короче говоря у меня же postcss у меня есть общий файл где я импортирую все остальные файлы получается путь должен идти не от компонента а от главного файла))
05:27:58 ПП
05:28:20 ПП
User 1040677
Вот я делал пути от файла fonts а надо от bundle)) Ппц невнимательность))
05:28:46 ПП
User 1040677
Тогда второй вопрос у меня есть img-loader в нем не завезен url-loader?
05:28:51 ПП
User 457963109
хорошие новости.
05:28:57 ПП
User 1040677
User 457963109
хорошие новости.
Еще как)) Спасибо вам за помощь кстати😁
05:30:24 ПП
User 457963109
Я загружаю изображения через file-loder
05:30:58 ПП
User 1040677
Не у меня все окей работает, грузится file-loader`ом и оптимизируется img-loader`ом, просто увидел что можно маленькие картинки конвертнуть в base-64 через url-loader
05:32:20 ПП
User 457963109
Я могу предложить https://tinypng.com/
tinypng.com
Make your website faster and save bandwidth. TinyPNG optimizes your PNG images by 50-80% while preserving full transparency!
05:32:27 ПП
User 457963109
for compression
05:32:53 ПП
User 1040677
Это же сайт, а в webpack все ок сразу работает))
05:33:23 ПП
User 457963109
есть api
05:33:43 ПП
User 1040677
Думаю loader проще))
05:34:02 ПП