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

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

974 members

Архив канала @webpack_ru 27 марта 2017 г.

05:28:07 ДП
User 75580745
Marlik, cпасибо, я перечитал доку и разобрался, я неправильно трактовал понятия content base и public path
05:28:32 ДП
User 75580745
Сейчас все встало на свои места
05:31:51 ДП
User 32530886
User 107282384
Желательно от вебпак 2
webpack.js.org/configuration
05:32:35 ДП
User 32530886
User 75580745
У меня проблема в том что я не пойму как работает вебпак дев сервер, он компилит что-то но это нигде не появляется
И не должно. Он в памяти создает все файлы с помощью memory-fs
05:33:18 ДП
User 107282384
Спасибо большое
05:36:55 ДП
User 75580745
@sergeysova  Спасибо,  разобрался.
07:06:53 ДП
User 63995685
Ребят, у кого нибудь есть информация, ссылки о Webpack, а имеено интересует, лучшие практики применения Webpack? если такое вообще существует...
07:58:00 ДП
User 32530886
User 63995685
Ребят, у кого нибудь есть информация, ссылки о Webpack, а имеено интересует, лучшие практики применения Webpack? если такое вообще существует...
webpack.js.org
08:53:24 ДП
User 107340798
Как заставить hot-reload кушать роуты типа http://localhost:3030/some/route?
08:53:46 ДП
User 107340798
  devServer: {
    hot: true,
    inline: true,
    contentBase: resolve(__dirname, 'dist'),
    publicPath: '/',
  },
08:55:24 ДП
User 75580745
Ребята, снова я. Вот таким вот образом я пишу манифест. https://gist.github.com/anonymous/24ca18ad3fc987ce423344cf06886876 Он пишется  в папку dist, как вы можете заметить. Также есть webpack-clean-plugin который папку dist каждый раз перед сборкой убивает. 
Задача: как сделать так, чтобы webpack-dev-server не ругался на отсутствие паппки для записи манифеста. Ниже привожу трейс ошибки:
https://gist.github.com/anonymous/1a760a050560d889b8712043aa7eee68
gist.github.com/anonymous/24ca18ad3fc987ce423344cf06886876
09:25:57 ДП
User 215246708
User 107340798
  devServer: {
    hot: true,
    inline: true,
    contentBase: resolve(__dirname, 'dist'),
    publicPath: '/',
  },
historyApiFallback: true,
09:26:04 ДП
User 215246708
попробуй вроде это оно
10:05:30 ДП
User 215246708
https://github.com/Stanko/react-redux-webpack2-boilerplate
github.com/Stanko/react-redux-webpack2-boilerplate
react-redux-webpack2-boilerplate - React and Redux, Webpack 2 boilerplate
10:05:43 ДП
User 215246708
вебпак 2 реакт ридакс бойлер если кому нужен
10:28:44 ДП
User 215655868
User 75580745
Ребята, снова я. Вот таким вот образом я пишу манифест. https://gist.github.com/anonymous/24ca18ad3fc987ce423344cf06886876 Он пишется  в папку dist, как вы можете заметить. Также есть webpack-clean-plugin который папку dist каждый раз перед сборкой убивает. 
Задача: как сделать так, чтобы webpack-dev-server не ругался на отсутствие паппки для записи манифеста. Ниже привожу трейс ошибки:
https://gist.github.com/anonymous/1a760a050560d889b8712043aa7eee68
gist.github.com/anonymous/24ca18ad3fc987ce423344cf06886876
Логично. fs.writeFile не умеет создавать диру
10:29:45 ДП
User 75580745
Как быть?
10:30:02 ДП
User 75580745
по доке fs пошарить?
10:30:28 ДП
User 215655868
Писать условия на существования диры,
Если ее нет, то fs.mkdir
10:30:57 ДП
User 75580745
поскольку у нас клин плагин
10:31:02 ДП
User 75580745
то мы заведомо знаем что диры нет
10:31:07 ДП
User 75580745
поэтому условие возможно лишнее
10:31:24 ДП
User 75580745
Я вас понял, спасибо
10:33:50 ДП
User 215655868
Проверить на существование, можно с помощью fs.exists
10:49:51 ДП
User 32530886
User 215655868
Проверить на существование, можно с помощью fs.exists
deprecated же
fs.stat надо (могу ошибаться)
10:50:18 ДП
User 32530886
не ошибаюсь
10:50:40 ДП
User 215655868
Sync версия норм работает
10:51:23 ДП
User 75580745
Суть такая, я по итогу сделал проверку, создал папку
10:51:41 ДП
User 32530886
User 215655868
Sync версия норм работает
Sync лучше не юзать, если важна скорость
10:51:53 ДП
User 75580745
но вебпак дев серверу это по барабану, он не подтягивает манифест, то чнее он его подтягивает из реальной папки, но там кроме манифеста ничего и нет.
10:52:23 ДП
User 75580745
Как заставить манифест писАться в нужную для сервера папку, опять туман. Во всяком случае спасибо и на этом.
10:54:17 ДП
User 75580745
о, надо пойти поискать специальные штуки для манифеста, они наверняка же решают такие вопросы искаропки
10:54:51 ДП
User 215655868
User 32530886
Sync лучше не юзать, если важна скорость
fs.stat так то тоже асинхронный
10:55:20 ДП
User 32530886
User 215655868
fs.stat так то тоже асинхронный
эм
Sync — синхронный, блокирует поток исполнения
stat — асинхронный, его норм юзать
11:01:41 ДП
User 215655868
То есть если я помещаю в переменную stat.isDirectory(), а потом проверять ее в условии, то на момент проверки ее может еще не быть? Она появится позже?
11:03:26 ДП
User 215655868
поэтому юзаю fs.existsSync
11:13:55 ДП
User 215655868
Ааа, прочитал доку, там колбек, ссори
11:14:30 ДП
User 32530886
ну как бы да)))
11:14:33 ДП
User 32530886
коллбеки ж
11:14:51 ДП
User 32530886
очень хотелось бы в API ноды промисы, но увы...
01:39:27 ПП
User 215723909
Всем привет! Как то очень мало инфы по этим ссылкам все же

https://github.com/webpack/docs/wiki/how-to-write-a-plugin
https://github.com/webpack/docs/wiki/plugins
https://webpack.js.org/concepts/plugins

Можете посоветовать еще какие нибудь годные ресурсы по плагинам? Или остаются только исходники для более глубокого погружения
github.com/webpack/docs/wiki/how-to-write-a-plugin
docs - [OLD] documentation for webpack
01:41:27 ПП
User 97081120
а че там за инфа нужна? пишешь функцию и все
01:41:41 ПП
User 97081120
которая на вход принимает что, на выход — что стать должно
01:48:34 ПП
User 215723909
Хотелось бы больше знать о форматах объектов/структур, которые использует компилятор - compilation.chunks, compilation.assets и т.п.
01:53:46 ПП
User 32530886
Уважаемые разработчики, прежде чем описывать в чате свою проблему, выполните следующие шаги:

🔸 1. Проверьте совместимость webpack и его компонентов, с помощью версий и информации в README этих проектов на github
🔸 2. Определитесь с версией webpack которую используете или желаете использовать. Документация и конфигурация второй версии отличается от первой
🔸 3. Если у вас первая версия — https://webpack.github.io/
Если вторая — https://webpack.js.org.
За подробным описанием конфига второй версии — https://webpack.js.org/configuration
🔸 4. Удостоверьтесь что вы внимательно прочитали соответствующие пункты документации webpack и его плагинов.


В описании проблемы необходимо указать:
1️⃣ Версию webpack, используемые плагины и лоадеры вместе с версиями
2️⃣ Способ запуска webpack и окружение (например: dev-server, production)
3️⃣ Текст ошибки и конфиг webpack/babel (размещать на https://gist.github.com, в чат присылать ссылку)
4️⃣ Последовательность действий приводящих к ошибке (например: npm install; npm start)

Описывайте проблему подробно в одном большом сообщении. Не нужно дробить сообщение на куски, так очень сложно отследить ветку обсуждения.
#rules #правила
webpack.github.io
webpack is a module bundler. It packs CommonJs/AMD modules i. e. for the browser. Allows to split your codebase into multiple bundles, which can be loaded on demand.
02:00:29 ПП
User 215723909
тогда я видать не по адресу ) пардон
02:01:24 ПП
User 32530886
User 215723909
Всем привет! Как то очень мало инфы по этим ссылкам все же

https://github.com/webpack/docs/wiki/how-to-write-a-plugin
https://github.com/webpack/docs/wiki/plugins
https://webpack.js.org/concepts/plugins

Можете посоветовать еще какие нибудь годные ресурсы по плагинам? Или остаются только исходники для более глубокого погружения
github.com/webpack/docs/wiki/how-to-write-a-plugin
docs - [OLD] documentation for webpack
По адресу.
Просто нужно сначала почитать доку
02:02:04 ПП
User 32530886
но это и не только тебе
для всех
02:02:35 ПП
User 32530886
А вообще по плагинам я ничего особенного не видел
Когда писал свой, смотрел на существующую доку, официальные/чужие плагины и исходники
вполне себе
02:02:42 ПП
User 215723909
да читал я доку, но вопрос ведь не о конфиге
02:03:34 ПП
User 32530886
User 215723909
да читал я доку, но вопрос ведь не о конфиге
я не говорю, что ты оффтопишь))
Наоборот, очень уместный вопрос.
Многие задают вопросы не прочитав доку и получаются лишние разговоры.
02:07:27 ПП
User 215723909
я в чужую избу со своим уставом лезть не собираюсь, так что все, что было в том длинном тексте я усвоил и буду иметь ввиду ) а по вопросу с плагинами походу, да, остаются исходники оф-ых и чужих плагинов
05:56:52 ПП
User 182928241
User 215723909
Хотелось бы больше знать о форматах объектов/структур, которые использует компилятор - compilation.chunks, compilation.assets и т.п.
В такие моменты ничего лучше, чем debugger; не находится