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

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

974 members

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

01:53:14 ДП
User 436581887
Господа, подскажите пожалуйста, можно ли в вебпаке реализовать такое:
Есть проект на джанге, к которому прикручен вебпак, он занимается сборкой scss в css,  перезагрузка стилей работает. 
Хотелось бы заставитть вебпак следить за шаблонами джанги и перезагружать страницы  при изменениях. У меня раньше какой-то плагин к gulp был для этого, но я gulp выкинул целиком.
02:23:01 ДП
User 212795634
User 436581887
Господа, подскажите пожалуйста, можно ли в вебпаке реализовать такое:
Есть проект на джанге, к которому прикручен вебпак, он занимается сборкой scss в css,  перезагрузка стилей работает. 
Хотелось бы заставитть вебпак следить за шаблонами джанги и перезагружать страницы  при изменениях. У меня раньше какой-то плагин к gulp был для этого, но я gulp выкинул целиком.
Htmlwebackplugin
02:23:17 ДП
02:24:15 ДП
User 212795634
Ну у меня была портянка из пхп, я ее сделал темплейтом, и шебпак мне выплёвывал такой же файл, не ломая код шаблонизатора
02:27:07 ДП
User 212795634
watchContentBase есть опция у дев сервера еще
03:26:51 ДП
User 436581887
User 212795634
Htmlwebackplugin
не, мне нужно только следить что шаблон изменился и отправлять сигнал на перезагрузку страницы, ничего собирать не нужно.
03:37:30 ДП
User 134905826
User 436581887
не, мне нужно только следить что шаблон изменился и отправлять сигнал на перезагрузку страницы, ничего собирать не нужно.
plugins: [
  function(compiler) {
    compiler.plugin("after-compiler", function() {
      this.fileDependencies.push("/path/to/my/file");
      this.contextDependencies.push("/path/to/my/folder");
    }
  }
]
06:56:37 ДП
User 212795634
User 134905826
plugins: [
  function(compiler) {
    compiler.plugin("after-compiler", function() {
      this.fileDependencies.push("/path/to/my/file");
      this.contextDependencies.push("/path/to/my/folder");
    }
  }
]
Не 'done' разве?
06:57:05 ДП
User 212795634
User 436581887
не, мне нужно только следить что шаблон изменился и отправлять сигнал на перезагрузку страницы, ничего собирать не нужно.
Ну там есть watchContentBase
06:57:12 ДП
User 212795634
Если они там лежат то изи
06:58:45 ДП
User 436581887
User 212795634
Если они там лежат то изи
Они много где лежат, и devserver только бандлы сервит
07:39:26 ДП
User 212795634
User 436581887
Они много где лежат, и devserver только бандлы сервит
можешь посмотреть chokidar и browsersync
07:39:47 ДП
User 436581887
User 212795634
можешь посмотреть chokidar и browsersync
да, я уже читаю доку по browsersync
07:39:52 ДП
08:13:55 ДП
User 436581887
Поставил browser-sync-webpack-plugin, всё работает как надо.
09:03:49 ДП
User 241411380
всем привет. кто-то может помочь с кастомным шаблоном для html-webpack-plugin?
09:04:11 ДП
User 212795634
User 241411380
всем привет. кто-то может помочь с кастомным шаблоном для html-webpack-plugin?
в чем проблема?
09:05:02 ДП
User 241411380
User 212795634
в чем проблема?
сформированные js-ки добавляются автоматом в конец файла. В доке так и не смог увидеть, как их добавить в конкретное место шаблона...
09:09:39 ДП
User 6810063
Параметр exclude-chunks
09:10:06 ДП
User 6810063
И указываешь чанки которые не должны быть в этих html файлах
09:12:24 ДП
User 241411380
мне не нужно удалять, мне нужно их передвинуть в определенное место, а не в конце файла
09:12:31 ДП
User 212795634
в хед?
09:12:48 ДП
User 241411380
сек, сейчас организую пример
09:15:06 ДП
09:15:44 ДП
User 241411380
грубо говоря. есть подобный шаблон, нужно вставить импорт бандлов перед последним script
09:30:04 ДП
User 212795634
User 241411380
грубо говоря. есть подобный шаблон, нужно вставить импорт бандлов перед последним script
заюзай темплейт теги
09:30:18 ДП
User 212795634
<title><%= htmlWebpackPlugin.options.title %></title>
09:30:25 ДП
User 212795634
так же и скрипты
09:31:29 ДП
User 241411380
да, я ж и не понял, как вставлять таким образом скрипты )) которые генерятся вебпаком
09:33:48 ДП
User 212795634
ну там короче в доке есть ивенты
09:33:57 ДП
User 212795634
по ним можно наверное
09:39:01 ДП
User 241411380
User 212795634
ну там короче в доке есть ивенты
да, видимо, напишу через них, спасибо
11:44:08 ДП
11:44:08 ДП
User 310954658
как можно выяснить,почему jsx файлы не видят друг друга,хотя лежат в одной папке?
11:44:08 ДП
11:44:09 ДП
User 310954658
import React, {Component} from 'react';

export default class Newa extends Component {
    render() {
        return <div> wefewfwe</div>
    }
}



import React, {Component} from 'react';
import { render } from 'react-dom';
import Newa from './new';



render(
    <Newa />,
    document.getElementById('root')
)


все,что нашел в гугле,то что пути не правильно прописанны,но у меня они лежат в одной папке 😕
11:44:09 ДП
11:45:12 ДП
User 147771380
User 310954658
как можно выяснить,почему jsx файлы не видят друг друга,хотя лежат в одной папке?
Переименуй их в .js
11:45:17 ДП
User 147771380
Или поставь расширение в импорте
11:45:36 ДП
User 147771380
Или поставь в резолвинг расширений дефолтных jsx
11:45:41 ДП
User 147771380
User 147771380
Переименуй их в .js
Лучше всего это
11:46:06 ДП
User 310954658
а это же не очень,что у меня все реактовские файлы
11:46:13 ДП
User 310954658
будут в js расширении
11:46:18 ДП
User 147771380
Это норма
11:46:34 ДП
User 310954658
User 147771380
Или поставь в резолвинг расширений дефолтных jsx
скажи как это сделать 😕
11:46:46 ДП
User 147771380
Переименуй в js и не еби себе мозги
11:47:07 ДП
User 147771380
Расширение jsx не нужно
11:47:11 ДП
User 310954658
хорошо,сейчас попробую
11:51:27 ДП
User 112715267
Добрый день
Использую svg-inline-loader, но столкнулся с проблемой, что он инлайнит svg и внутри scss (получается дичь background-image: url(<svg ... </svg>))
Можно ли сделать, чтобы он не инлайнил только в scss?
11:52:04 ДП
User 112715267
User 310954658
а это же не очень,что у меня все реактовские файлы
А это js, если что, который ничем не отличается
11:53:19 ДП
User 147771380
@Euphee, как там дела?
11:53:29 ДП
User 310954658
пытаюсь
12:18:42 ПП
User 32530886
User 310954658
пытаюсь
не надо писать столбиком
12:18:59 ПП
User 310954658
User 32530886
не надо писать столбиком
что прости?
12:20:18 ПП
User 112715267
Ребята, спасите, жопа горит
12:22:55 ПП
User 97102774
User 112715267
Ребята, спасите, жопа горит
Потуши
12:23:31 ПП
User 112715267
Эта метафора о другом была
Свгхи сука инлайнятся в стилях
12:24:50 ПП
User 32530886
User 310954658
что прости?
сообщения столбиком не надо писать

пиши в одном большом сообщении, а не 100 сообщений с 1-2 словами
12:31:36 ПП
User 4903784
svg-inline-loader - специально для того что бы инлайнить svg
12:31:55 ПП
User 4903784
если тебе не нужно инлайнить svg, используй file-loader например
12:53:55 ПП
12:54:03 ПП
User 112715267
Мне нужно его инлайнить только внутри html
12:54:12 ПП
User 112715267
а он инлайнится еще и в стилях
01:05:18 ПП
User 39182759
кто знает. как в parallel-webpack прокинуть -p?
01:05:36 ПП
User 39182759
почему-то он собирает все в девелоп режиме
01:09:51 ПП
User 32530886
User 39182759
кто знает. как в parallel-webpack прокинуть -p?
NODE_ENV=production
01:13:58 ПП
User 147771380
User 112715267
а он инлайнится еще и в стилях
А какие лоадеры для стилей ты используешь?
01:15:50 ПП
User 212795634
User 147771380
А какие лоадеры для стилей ты используешь?
во вью вроде вью-лоадер, не?
01:16:02 ПП
User 147771380
А, там вью
01:16:04 ПП
User 147771380
Тогда хз
01:16:08 ПП
User 4903784
ты можешь добавить query и например в html прописать везде где тебе надо инлайнить этот query
01:17:08 ПП
User 4903784
тоесть файлам .svg?inline
01:24:53 ПП
User 4903784
точнее даже не так
01:24:56 ПП
User 4903784
попробуй html-webpack-inline-svg-plugin
01:25:02 ПП
User 4903784
если тебе надо только html
03:27:36 ПП
User 291325765
Всем привет! Поделитесь продакшен конфигом с плагинами которые как то минифицируют банд
03:28:08 ПП
User 291325765
что то выпилил с 10 либ а банд уменьшился на %20
03:28:15 ПП
User 291325765
хотя должно быть намного меньше
03:30:31 ПП
User 241411380
User 291325765
хотя должно быть намного меньше
может больше? наоборот хорошо ж, что размер уменьшился
03:30:56 ПП
User 55943427
User 291325765
Всем привет! Поделитесь продакшен конфигом с плагинами которые как то минифицируют банд
https://hackernoon.com/optimising-your-application-bundle-size-with-webpack-e85b00bab579
hackernoon.com/optimising-your-application-bundle-size-with-webpack-e85b00bab579
I recently built a React.js application that can be rated as a moderately complex single page application. I was looking to optimise the…
03:31:20 ПП
User 291325765
я в смысле банд должен былс стать ~ 150 кб примерное
03:31:25 ПП
User 291325765
а остался 700 кб
03:31:32 ПП
User 291325765
раньше был гдето 850
03:31:54 ПП
User 291325765
а как в анализаторе отсорттировать модули по размеру?
03:32:05 ПП
User 291325765
что бы понять что тянет не нужные зависимомсти ?
03:32:38 ПП
User 55943427
User 291325765
а как в анализаторе отсорттировать модули по размеру?
по размеру квадратиков
03:33:13 ПП
User 291325765
я про вот эту штуку http://webpack.github.io/analyse/
03:38:07 ПП
User 291325765
тоесть у меня раньше была целая каша плагинов, от которых я избавился в процессе рефакторинга, и собственно выпилил всякие immatabel / redux/ saga и тд, остался голый 16 реакт + мой код которого там 20 мелких комопнентов
03:39:10 ПП
User 55943427
голый реакт в продакшн режиме 36кб в гзипе
03:39:29 ПП
03:39:37 ПП
User 291325765
мне кажется 15 кб в гзипе
03:39:47 ПП
User 291325765
но я пока не гзиповал
03:40:03 ПП
User 203491208
Только еще реакт дом нужен, без которого никуда
03:42:34 ПП
User 291325765
да ты прав react + react-dom имеет размер 109 kb (34.8 kb - архив gzip)
03:42:47 ПП
User 55943427
и проптайпс
03:44:22 ПП
03:44:28 ПП
User 291325765
но это не 700 кб
03:44:31 ПП
03:44:55 ПП
User 291325765
я понял что еще не так перестал работать CommonsChunkPlugin, и выносить общие модули в common бандл
04:28:12 ПП
User 310954658
а что делатать,если вебпак в hot reload
04:28:22 ПП
User 310954658
открывает странный файл
04:28:49 ПП
05:49:17 ПП
User 291325765
значит путь не верный
05:49:50 ПП
05:51:52 ПП
User 291325765
Подскажите как сделать вебпаком вот такую сборку 

- bundle.hash.js - продакшен файл
- bundle.dev.js - девелоперский файл с включеными соурсмапами
05:52:03 ПП
User 291325765
мне нужно будет 2 раза гонять вебпак ?
05:57:03 ПП
User 457963109
так сделай 2 конфига один для дев другой для прод.
05:57:36 ПП
User 291325765
а как потом их сунуть в 1 rev.json ?
05:58:05 ПП
User 291325765
или делать просто 2 папки 1 dev другую prod ? и в каждой rev.json ?
05:58:50 ПП
User 457963109
я не понимаю что такое  rev.json
05:58:56 ПП
User 212795634
User 291325765
или делать просто 2 папки 1 dev другую prod ? и в каждой rev.json ?
Зачем рев в деве? Отключи кеш в браузере прост
05:59:01 ПП
User 212795634
Когда девтулз запущены
05:59:39 ПП
User 291325765
оногда нужно дебажить скрипты на проде, хотелось бы иметь какую то выключалку минификации
05:59:46 ПП
User 291325765
+ нормальные соурсмапы
05:59:51 ПП
05:59:54 ПП
06:00:08 ПП
User 291325765
непонял что то тебя 🙁
06:00:27 ПП
User 457963109
npm start 
npm run build
npm run build:debug
06:00:33 ПП
User 291325765
был такой план, если включен дебаг режим показывать просто файлы типа bundle.dev.js
06:00:59 ПП
User 291325765
когда мне нужно отдебажить продакшен я не могу вмешиваться в его работу
06:01:08 ПП
User 291325765
мне нужно найти траблу и сделать хотфикс
06:02:07 ПП
User 212795634
User 291325765
мне нужно найти траблу и сделать хотфикс
webpack --env.NODE_ENV=production --config ....
06:02:20 ПП
User 212795634
Конфиг переделай в функцию
06:02:28 ПП
User 212795634
Которая возвращает объект
06:02:38 ПП
User 212795634
И принимает параметр env
06:02:51 ПП
User 291325765
да это понятно, вопрос в том мне придется запускать его. дважды это ок ?
06:03:05 ПП
User 212795634
Ну естественно, дев и прод 2 разных скрипта
06:03:12 ПП
User 291325765
я просто думал может уже какой то плагинчик есть готовый для этого
06:03:20 ПП
06:03:23 ПП
User 291325765
тогда вопрос отпадает
06:03:25 ПП
07:03:15 ПП
User 291325765
Подскажите а то что то надоела вот такая штука

(node:39407) DeprecationWarning: loaderUtils.parseQuery() received a non-string value which can be problematic, see https://github.com/webpack/loader-utils/issues/56
parseQuery() will be replaced with getOptions() in the next major version of loader-utils.

Почитал по ссылке, но так и не понял, толи я чтото делаюб не так, толи она просто всегда показывается ?
github.com/webpack/loader-utils/issues/56
The deprecation warning is for webpack loader authors, because calling parseQuery with a non-string value can have bad side-effects (see below). If you're a webpack user, you can set process.traceD...
07:04:14 ПП
User 1040677
User 291325765
Подскажите а то что то надоела вот такая штука

(node:39407) DeprecationWarning: loaderUtils.parseQuery() received a non-string value which can be problematic, see https://github.com/webpack/loader-utils/issues/56
parseQuery() will be replaced with getOptions() in the next major version of loader-utils.

Почитал по ссылке, но так и не понял, толи я чтото делаюб не так, толи она просто всегда показывается ?
github.com/webpack/loader-utils/issues/56
The deprecation warning is for webpack loader authors, because calling parseQuery with a non-string value can have bad side-effects (see below). If you're a webpack user, you can set process.traceD...
Поддерживаю бесит этот варнинг, не понял 😂
07:04:27 ПП
07:04:50 ПП
User 1040677
Да я чёт все хотел написать, но забывал из-за занятости))
07:04:58 ПП
User 291325765
там инфа из ряда давайте просто скроем все предупреждения об депрекейтед методах
07:05:13 ПП
User 1040677
Но блин как будто в душу плюнули))
07:05:20 ПП
User 1040677
User 291325765
там инфа из ряда давайте просто скроем все предупреждения об депрекейтед методах
Серьёзно?
07:06:09 ПП
User 291325765
ну я пытал прочитать все что там написано сходит по раззным ссылкам и наткнулся на что то типа process.env.isDeprecated = false
07:06:13 ПП
User 291325765
типа нужно задать
07:06:18 ПП
User 291325765
непомню где уже
07:07:01 ПП
User 1040677
Думаю это не решение проблему)) Сейчас только предупреждение, если не ошибаюсь к 4 версии сборка не будет фурычить))
07:09:02 ПП
User 291325765
нашел всем трабла
07:09:07 ПП
User 291325765
можно встаивть в конфиг process.traceDeprecation = true
07:09:18 ПП
User 291325765
и увидеть какой модуль что то делате неправильно
07:11:51 ПП
User 1040677
Хммм нашел в чем проблема?
07:12:42 ПП
User 291325765
ога  "extract-text-webpack-plugin": "^3.0.2",
07:12:49 ПП
User 291325765
обновил до последнее версии
07:13:05 ПП
07:13:19 ПП
User 291325765
сунь вот так в конфиге увидешь где червяк зарыт
07:13:45 ПП
User 1040677
Это же в файле кнофига да?
07:14:35 ПП
07:14:37 ПП
07:14:37 ПП
07:14:51 ПП
User 1040677
У меня так сделано)) Куда?))
07:15:27 ПП
User 291325765
я про process.traceDeprecation = true
07:15:30 ПП
User 55943427
гайз, а при старте можно еще какие-то переменные указывать помимо env?
07:15:38 ПП
07:15:44 ПП
User 291325765
можешь хоть сколько
07:15:53 ПП
07:19:31 ПП
User 1040677
User 291325765
я про process.traceDeprecation = true
Я сунул и все сломалось😂
07:19:40 ПП
User 291325765
читай логи
07:21:35 ПП
User 1040677
User 291325765
читай логи
Ладно думаю уже завтра, мозги не варят 😅
07:21:50 ПП
07:22:37 ПП
User 1040677
Там не указывает на плагин который не то делает
07:22:43 ПП
User 1040677
Там какая то россыпь
10:03:26 ПП
User 291325765
А кто то использует вебпака + Jade ? Вопрос такой есть проект сверстаный на Jade + gulp и я бы хотел перевести все на один вебпак, тоесть конечным итогом должны получится html файлики
10:12:38 ПП
User 189706357
сейчас jade == pug
10:14:34 ПП
User 112715267
User 189706357
сейчас jade == pug
уже года 2 причем
10:16:31 ПП
User 189706357
User 112715267
уже года 2 причем
а казалось только недавно сделали) время время..
10:17:44 ПП
User 112715267
User 189706357
а казалось только недавно сделали) время время..
казалось, только недавно сделали, а я уже и старый, и новый поюзать и вообще выкинуть успел
10:18:13 ПП
User 189706357
User 112715267
казалось, только недавно сделали, а я уже и старый, и новый поюзать и вообще выкинуть успел
аналогично) чето html препроцы не заходят
10:18:45 ПП
User 112715267
да чет раньше более читаемо казалось, сейчас переосмыслил это дело
10:19:00 ПП
User 189706357
просто это не нужно вместе с vue
10:19:02 ПП
User 112715267
единственное, что мне в паге нравилось - строгость, завязанная на табуляции
10:19:25 ПП
User 112715267
ибо вот сейчас пришел на проект, а там в некоторых местах строчки html по 2 экрана
10:19:30 ПП
User 112715267
не очень хорошо