@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 г.

09:27:23 ДП
User 278170420
всем привет! Я хочу вебпаком запускать только один один плагин (копирование файлов), как мне это сделать без указания entry point и output ?)
09:27:35 ДП
User 278170420
А то чтото гугл не помогает
09:27:38 ДП
User 30260375
User 278170420
всем привет! Я хочу вебпаком запускать только один один плагин (копирование файлов), как мне это сделать без указания entry point и output ?)
Никак
09:27:51 ДП
09:27:53 ДП
User 66779439
User 278170420
всем привет! Я хочу вебпаком запускать только один один плагин (копирование файлов), как мне это сделать без указания entry point и output ?)
bash )
09:28:02 ДП
09:28:10 ДП
User 39182759
npm script!
09:28:23 ДП
User 39182759
что за тасочка-то?
09:28:45 ДП
User 278170420
копирование файлов
09:33:19 ДП
User 355846509
сборщик для копировпния файлов. прикольно.
09:33:43 ДП
User 278170420
User 355846509
сборщик для копировпния файлов. прикольно.
не зная контекста, рано делать выводы)
09:34:57 ДП
User 355846509
User 278170420
не зная контекста, рано делать выводы)
-- что за тасочка? -- копирование файлов. (отсюда делаем вывод, что копипование в ваууме или нормальных условиях))
09:35:12 ДП
User 355846509
давай контекст
09:35:49 ДП
User 278170420
Зачем ?) Я же не прошу глобальную проблему решить
09:36:17 ДП
User 39182759
если cp -r справится, то вынеси в package.json
09:37:59 ДП
User 39182759
Понимаю, что у нас тут XY-проблема, но ответ таков - вебпак - это прежде всего сборщик, копирование у него - вспомогательная функция.
09:38:35 ДП
User 134905826
User 278170420
Зачем ?) Я же не прошу глобальную проблему решить
в package.json        "copy": "cp ./from ./to -TRvu",
09:39:21 ДП
User 278170420
меня больше всего волновало можно ли в нем запускать отдельные плагины не зависимо от сборки
09:44:13 ДП
User 3481053
Добрый день, подскажите, есть такая проблема. Подключаю плагины к jquery. (jquery-datetimepicker) При подключении он тянет jquery 3 версии. В проекте используется jquery 2. Если скопировать файл из node_modules и положить рядом, то все работает нормально.
09:47:44 ДП
User 134905826
User 3481053
Добрый день, подскажите, есть такая проблема. Подключаю плагины к jquery. (jquery-datetimepicker) При подключении он тянет jquery 3 версии. В проекте используется jquery 2. Если скопировать файл из node_modules и положить рядом, то все работает нормально.
resolve alias попробуй
09:48:14 ДП
User 134905826
User 3481053
Добрый день, подскажите, есть такая проблема. Подключаю плагины к jquery. (jquery-datetimepicker) При подключении он тянет jquery 3 версии. В проекте используется jquery 2. Если скопировать файл из node_modules и положить рядом, то все работает нормально.
https://webpack.js.org/configuration/resolve/
09:49:20 ДП
User 3481053
User 134905826
resolve alias попробуй
jquery туда поместить? Уже делал, не помогает.
09:51:38 ДП
User 134905826
alias: {
        "jquery": path.join(__dirname, "node_modules", "jquery"),
    }
примерно так, должно помочь. либо datetimepicker.min.js подключи. там нет require('jquery')
09:59:00 ДП
User 3481053
User 134905826
alias: {
        "jquery": path.join(__dirname, "node_modules", "jquery"),
    }
примерно так, должно помочь. либо datetimepicker.min.js подключи. там нет require('jquery')
Ты мой герой! Спасибо!
12:04:43 ПП
User 322514637
добрый день. Это номально, что после сборки вебпаком vendor.js весит почти 400 Кб?
12:05:19 ПП
User 147771380
User 322514637
добрый день. Это номально, что после сборки вебпаком vendor.js весит почти 400 Кб?
Это типа много?
12:05:45 ПП
User 55943427
User 322514637
добрый день. Это номально, что после сборки вебпаком vendor.js весит почти 400 Кб?
Углифай его. И сделай анализ, чо там в нем за хрень
12:06:21 ПП
User 322514637
Это очень много. Без вебпака вообще весь проект весил 150 кб, и он еще не весь был минимизирован
12:06:56 ПП
User 322514637
а тут vendor.js 396 кб
и app.js 60 кб
12:07:34 ПП
User 322514637
вебпак всегда так делает? а то я первый день им пользуюсь, может, что не так сделал.
12:10:24 ПП
User 322514637
User 55943427
Углифай его. И сделай анализ, чо там в нем за хрень
он уже. Это версия для продакшна. А как сделать?
12:10:39 ПП
User 134905826
User 322514637
вебпак всегда так делает? а то я первый день им пользуюсь, может, что не так сделал.
навереное dev режим смотриш, собери в production
https://webpack.js.org/guides/production/
12:12:01 ПП
User 322514637
User 134905826
навереное dev режим смотриш, собери в production
https://webpack.js.org/guides/production/
npm run build
и смотрю результат в папке dist
я ведь правильно делаю?
В смысле, я правильно смотрю прод?
12:15:20 ПП
User 115191768
народ привет проблема
12:15:29 ПП
User 115191768
(node:12932) DeprecationWarning: Chunk.modules is deprecated. Use Chunk.getNumberOfModules/mapModules/forEachModule/containsModule instead.
12:16:17 ПП
User 115191768
в чем проблема может быть?
12:20:03 ПП
User 39182759
там moment.js случаем не подключен?
01:04:37 ПП
User 115191768
кто использует в проекте реакт покажите свой вебпак конфиг для react + es6 + styl
01:10:39 ПП
User 355846509
stylus-loader для всех конфигов один и тот же)
01:11:30 ПП
User 32530886
User 115191768
кто использует в проекте реакт покажите свой вебпак конфиг для react + es6 + styl
в чем сложность?
01:11:49 ПП
User 115191768
`
C:\Users\david.cholariya\Desktop\web\node_modules\schema-utils\dist\validateOptions.js:40
    throw new _ValidationError2.default(ajv.errors, name);
    ^
`
01:12:17 ПП
User 32530886
и че это?
01:12:22 ПП
User 32530886
и как это связано с вебпаком?
01:12:49 ПП
User 355846509
тем, что он собирает сломавшийся модуль :D
01:22:37 ПП
User 115191768
какой сломанный модуль именно?
01:23:07 ПП
User 115191768
@sergeysova тем наверное что вебпак не собирает проект после обновления его с версии 2.4 до 3.11
01:23:24 ПП
User 355846509
*Потёр лампу, спросил Джинна* -- schema-utils
01:23:37 ПП
User 355846509
интересно, откуда этот модуль?..
01:26:12 ПП
User 115191768
ты хочешь сказать что проблема в модуле shema-utils?
01:26:40 ПП
User 355846509
User 115191768
`
C:\Users\david.cholariya\Desktop\web\node_modules\schema-utils\dist\validateOptions.js:40
    throw new _ValidationError2.default(ajv.errors, name);
    ^
`
тут так написано. дальше по колстеку
01:26:59 ПП
User 115191768
чувак - бля ты как в лужу сейчас пернул просто
01:27:03 ПП
User 115191768
советчик бля
01:27:56 ПП
User 115191768
вот просто сам возьми свою голову протри и загугли
throw new _ValidationError2.default(ajv.errors, name);
а потом что-то про shema utils
01:28:07 ПП
User 115191768
увидел он баг а дальше по колстеку
01:28:08 ПП
User 115191768
пфффф
01:30:25 ПП
User 355846509
Рад, что ты решил проблему гуглом после того как задал вопрос здесь.
01:35:31 ПП
User 115191768
вопрос не решен
01:35:44 ПП
User 32530886
User 115191768
чувак - бля ты как в лужу сейчас пернул просто
😄
01:36:36 ПП
User 355846509
User 32530886
😄
какой вопрос такой ответ)
01:41:30 ПП
User 322514637
друзья, а почему всё-таки на выходе у вебпака такие громадные скрипты?
vendor.js —-> 396.1 KB
app.js —-> 60 KB
Это после того, как подключил 5 скриптов общим весом 44 КБ
Что я делаю не так? Или вебпак всегда так делает?
01:42:04 ПП
User 322514637
если что, это уже для продакшна, всё обработано uglify
01:42:52 ПП
User 355846509
User 322514637
друзья, а почему всё-таки на выходе у вебпака такие громадные скрипты?
vendor.js —-> 396.1 KB
app.js —-> 60 KB
Это после того, как подключил 5 скриптов общим весом 44 КБ
Что я делаю не так? Или вебпак всегда так делает?
подключи, потом поделись что же такое там было: https://github.com/webpack-contrib/webpack-bundle-analyzer
github.com/webpack-contrib/webpack-bundle-analyzer
Webpack plugin and CLI utility that represents bundle content as convenient interactive zoomable treemap - webpack-contrib/webpack-bundle-analyzer
01:44:08 ПП
User 322514637
User 355846509
подключи, потом поделись что же такое там было: https://github.com/webpack-contrib/webpack-bundle-analyzer
github.com/webpack-contrib/webpack-bundle-analyzer
Webpack plugin and CLI utility that represents bundle content as convenient interactive zoomable treemap - webpack-contrib/webpack-bundle-analyzer
01:45:09 ПП
User 322514637
в правой колонке (синей) я вижу всё то, что я подключал.
в левой колонке просто ад, я это не подключал вообще, кроме vue
01:46:31 ПП
User 355846509
User 322514637
в правой колонке (синей) я вижу всё то, что я подключал.
в левой колонке просто ад, я это не подключал вообще, кроме vue
vue.esm -- это фреймворк, причём весьма лёгкий. bn.js -- хз что такое. Остальное по коду смотри -- там мало. Темка выдаёт пути туда.
01:47:03 ПП
User 355846509
Смотри -- какая-то либа может тянуть за собой много чего
01:48:23 ПП
01:48:32 ПП
User 355846509
асн тянет что-то.
01:48:44 ПП
User 76662447
bn big number library
01:49:07 ПП
User 76662447
Здоровенная неповоротливая махина
01:50:08 ПП
User 297906030
(которая всёравно меньше фреймворка под вуе)
01:54:52 ПП
User 355846509
Когда размер стакана смузи сравним с шасси для поезда, пора задуматься над диетой с:
01:55:44 ПП
User 488835159
Фреймворки гавно и реакт тоже
01:56:24 ПП
User 97102774
User 488835159
Фреймворки гавно и реакт тоже
stay tuned
01:56:48 ПП
User 355846509
User 488835159
Фреймворки гавно и реакт тоже
👍 vanilla jQuery
01:57:21 ПП
User 488835159
vanilla C++  и Emscripten
01:59:40 ПП
User 355846509
User 488835159
vanilla C++  и Emscripten
C++ говно. Пользуйте C.
02:00:12 ПП
User 355846509
http://zdnet1.cbsistatic.com/hub/i/r/2016/10/05/698f8e2b-3744-45f5-9a23-30339b34c7be/resize/770xauto/b0f819a73a6790ffc1515fdebf100f4a/linustorvalds770x57.jpg
zdnet1.cbsistatic.com/hub/i/r/2016/10/05/698f8e2b-3744-45f5-9a23-30339b34c7be/resize/770xauto/b0f819a73a6790ffc1515fdebf100f4a/linustorvalds770x57.jpg
02:00:18 ПП
User 246047689
User 355846509
C++ говно. Пользуйте C.
jquery лучше C
02:01:56 ПП
User 488835159
User 355846509
C++ говно. Пользуйте C.
Ну и С
02:02:00 ПП
02:02:31 ПП
User 114198470
резиденты камеди добрались до программирования
02:02:31 ПП
User 355846509
C развращает. Согласен за ASM.
02:02:45 ПП
User 355846509
User 114198470
резиденты камеди добрались до программирования
чуть-чуть баянов же
02:03:00 ПП
User 322514637
User 355846509
Смотри -- какая-то либа может тянуть за собой много чего
в общем, методом тыка определил, что если отключить nacl.min.js, то всё лишнее исчезает из vendor.js
02:03:22 ПП
User 114198470
накол.мин.жс
02:04:14 ПП
User 322514637
вопрос: как теперь сделать так, чтобы вебпак не искал зависимостей для этой либы и не присоединял их к vendor.js?
02:05:00 ПП
User 355846509
User 322514637
вопрос: как теперь сделать так, чтобы вебпак не искал зависимостей для этой либы и не присоединял их к vendor.js?
есть там  excludes какой-то, точнее не помню. А вообще, вышвырнуть нафиг накл или модифицировать его, если по-хорошему
02:05:26 ПП
User 322514637
так это основная либа в моём проекте, отвечает за шифрование)))
02:05:45 ПП
User 355846509
User 322514637
так это основная либа в моём проекте, отвечает за шифрование)))
основа тянет много чего. Компромиссируй :D
02:05:49 ПП
User 322514637
и до встречи с вебпаком работала идеально))
02:06:31 ПП
User 355846509
Интересно, откуда вебпак взял, что она зависима от всей той кучи?..
02:09:51 ПП
User 322514637
а вот я вообще без понятия, хехе
02:11:52 ПП
User 322514637
User 355846509
Интересно, откуда вебпак взял, что она зависима от всей той кучи?..
02:12:05 ПП
User 322514637
без этой либы всё нормально вроде как.
02:14:29 ПП
User 322514637
внимание, вопрос к знатокам: как заставить вебпак не искать зависимостей для этой библиотеки, поскольку она работает без них идеально (проверено до использования вебпака)? Может, есть какая директива?
02:16:32 ПП
User 355846509
User 355846509
есть там  excludes какой-то, точнее не помню. А вообще, вышвырнуть нафиг накл или модифицировать его, если по-хорошему
не пробовал поискать?
02:21:10 ПП
User 322514637
User 355846509
не пробовал поискать?
пробовал, но пока не понимаю, как прикрутить
02:39:29 ПП
User 241411380
User 322514637
внимание, вопрос к знатокам: как заставить вебпак не искать зависимостей для этой библиотеки, поскольку она работает без них идеально (проверено до использования вебпака)? Может, есть какая директива?
как ты определил, что до сборки вебпаком она не тянула той кучи зависимостей?
02:40:20 ПП
User 322514637
User 241411380
как ты определил, что до сборки вебпаком она не тянула той кучи зависимостей?
Я подключал просто как js-файл
02:41:56 ПП
User 322514637
при этом, у библиотеки нет зависимостей
02:42:10 ПП
User 322514637
она для браузера подходит
02:43:17 ПП
User 322514637
мне и нужно всё запаковать для браузера: все js-скрипты, компоненты vue, стили и т.д.
02:44:16 ПП
User 322514637
да, положил и подключил через require
02:44:41 ПП
User 241411380
да, увидел, что там нет зависимостей..  странно все это
02:46:13 ПП
User 322514637
хорошо. Вопрос более глобальный. Как правильно подключить к проекту js-библиотеку?
02:46:25 ПП
User 322514637
допустим, jquery
02:47:16 ПП
User 241411380
import ... from ... или require
02:47:44 ПП
User 322514637
User 241411380
import ... from ... или require
вот я и  подключаю require-ом
02:47:48 ПП
User 322514637
странно)))
03:02:09 ПП
User 322514637
User 241411380
import ... from ... или require
а в каком файле лучше разместить import?
03:03:03 ПП
User 241411380
User 322514637
а в каком файле лучше разместить import?
вряд ли это повляет на результат
03:19:09 ПП
User 355846509
User 322514637
а в каком файле лучше разместить import?
прикола ради попробуй вместо const a = require('b') написать import * as a from 'b'
03:21:28 ПП
User 322514637
User 355846509
прикола ради попробуй вместо const a = require('b') написать import * as a from 'b'
такая же хрень...
03:25:06 ПП
User 355846509
User 322514637
такая же хрень...
https://github.com/webpack/webpack/issues/690
github.com/webpack/webpack/issues/690
Just for entertainment: Compile with webpack --profile --json > stats.json (node.js API: { profile: true } and stats.toJson()) Go to http://webpack.github.io/analyse/#modules Load your stats file...
03:26:37 ПП
User 355846509
User 322514637
такая же хрень...
stats file, вроде, из того анализатора вытащить можно, но не пробовал
04:57:13 ПП
User 322514637
User 322514637
Получилось только после установки через npm install tweetnacl
Затем import nacl from 'tweetnacl'
В результате — vendor.js приемлемого размера.
Но всё равно непонятно, почему без установки библиотеки через npm вебпак раздувал размер vendor.js в пять раз.
05:54:51 ПП
User 355846509
User 322514637
Получилось только после установки через npm install tweetnacl
Затем import nacl from 'tweetnacl'
В результате — vendor.js приемлемого размера.
Но всё равно непонятно, почему без установки библиотеки через npm вебпак раздувал размер vendor.js в пять раз.
мб брал не ту сборку
05:55:10 ПП
User 355846509
бандл не тот библиотеки...
05:57:24 ПП
User 322514637
вот это брал: https://github.com/vuejs-templates/webpack
github.com/vuejs-templates/webpack
A full-featured Webpack + vue-loader setup with hot reload, linting, testing & css extraction. - vuejs-templates/webpack
06:05:58 ПП
User 322514637
User 355846509
мб брал не ту сборку
Вам большое спасибо за помощь 👍🏻