Size: a a a

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

2019 September 19

A

Alex CherryTea in Webpack — русскоговорящее сообщество
Это для тебя чанкинг, а для браузера это просто файлы
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
Нативные модули mjs другой разговор но не похоже что этой твой случай
источник
2019 September 20

V

Vlad in Webpack — русскоговорящее сообщество
Тарас
может кто-то даст наводку в какую сторону копать? в чем могут быть траблы?
Мб написал что-то что не полифилится?
источник

V

Vlad in Webpack — русскоговорящее сообщество
В консоли должны быть ошибки
источник

V

Vlad in Webpack — русскоговорящее сообщество
Vlad
Мб написал что-то что не полифилится?
Прокси, например
источник

SM

Serj Malko in Webpack — русскоговорящее сообщество
Привет!
источник

SM

Serj Malko in Webpack — русскоговорящее сообщество
Подскажите.
Надо собрать nodejs приложение, так чтобы на проде не надо было делать npm install (скачивать зависимости)
Там не будет доступа к интернету
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
Serj Malko
Подскажите.
Надо собрать nodejs приложение, так чтобы на проде не надо было делать npm install (скачивать зависимости)
Там не будет доступа к интернету
если по быстрому то просто запустите install там где есть интернет и скопируйте приложение вместе с node_modules
источник

SM

Serj Malko in Webpack — русскоговорящее сообщество
Alex CherryTea
если по быстрому то просто запустите install там где есть интернет и скопируйте приложение вместе с node_modules
Не, надо красиво. Я это все попотм в  Jenkins оберну, и pm2 прикручу.
Есть идея делать npm pack, но не нравится она мне
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
Serj Malko
Подскажите.
Надо собрать nodejs приложение, так чтобы на проде не надо было делать npm install (скачивать зависимости)
Там не будет доступа к интернету
ну тогда пакуйте в бинарь, способов тыща https://www.google.com/search?q=node+js+pack+binary
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
Serj Malko
Не, надо красиво. Я это все попотм в  Jenkins оберну, и pm2 прикручу.
Есть идея делать npm pack, но не нравится она мне
а что не нравится в npm pack кстати
источник

S

Slvr in Webpack — русскоговорящее сообщество
Привет! Пришлось на секундочку вернутся в JS разработку из уютного питона. Написал библиотечку, которая будет поставлятся на сторонние сайты (для упрощения - трекер определенных ивентов). Моего кода (raw) на 25кб. Подключено немного внешних библиотек (аж 2): localforage (min version 28kb) & js-cookie (min version 3kb) в итоге библиотечка стала весить 66кб. Странно как-то, получается как будто оверхед вебпака убил результаты минификации моего кода. Это нормально и жить с этим? Конечно 20кб в гзипе фигня, но все же - когда речь идет про чужие сайты, хотелось бы получить размер поменьше. Что можно сделать? Заюзать rollup? Переписать на es5 чтобы исключить babel?
источник

S

Slvr in Webpack — русскоговорящее сообщество
output такой:

> webpack --mode production --display-modules

Hash: 2cbb8a6a7450ae567a7b
Version: webpack 4.40.2
Time: 2664ms
Built at: 09/20/2019 4:58:48 PM
           Asset      Size  Chunks             Chunk Names
      index.html  12.2 KiB          [emitted]
   MYLIBRARYNAME.js   192 KiB    0, 1  [emitted]  MYLIBRARYNAME
MYLIBRARYNAME.min.js    66 KiB    1, 0  [emitted]  MYLIBRARYNAME.min
Entrypoint MYLIBRARYNAME = MYLIBRARYNAME.js
Entrypoint MYLIBRARYNAME.min = MYLIBRARYNAME.min.js
[0] ./node_modules/@babel/runtime/regenerator/index.js 49 bytes {0} {1} [built]
[1] ./node_modules/js-cookie/src/js.cookie.js 3.79 KiB {0} {1} [built]
[2] ./node_modules/localforage/dist/localforage.js 90.3 KiB {0} {1} [built]
[3] ./node_modules/@babel/runtime/helpers/slicedToArray.js 319 bytes {0} {1} [built]
[4] ./node_modules/@babel/runtime/helpers/asyncToGenerator.js 809 bytes {0} {1} [built]
[5] ./node_modules/@babel/runtime/helpers/typeof.js 817 bytes {0} {1} [built]
[6] ./node_modules/query-string/index.js 6.21 KiB {0} {1} [built]
[7] ./node_modules/@babel/runtime/helpers/arrayWithHoles.js 106 bytes {0} {1} [built]
[8] ./node_modules/@babel/runtime/helpers/iterableToArrayLimit.js 647 bytes {0} {1} [built]
[9] ./node_modules/@babel/runtime/helpers/nonIterableRest.js 146 bytes {0} {1} [built]
[10] ./node_modules/regenerator-runtime/runtime.js 23.5 KiB {0} {1} [built]
[11] (webpack)/buildin/global.js 472 bytes {0} {1} [built]
[12] ./node_modules/strict-uri-encode/index.js 138 bytes {0} {1} [built]
[13] ./node_modules/decode-uri-component/index.js 2.17 KiB {0} {1} [built]
[14] ./node_modules/split-on-first/index.js 459 bytes {0} {1} [built]
[15] ./src/MYLIBRARYNAME.js + 8 modules 54.8 KiB {0} {1} [built]
    | ./src/MYLIBRARYNAME.js 1.68 KiB [built]
    | ./src/helpers/utils.js 5.28 KiB [built]
    | ./src/data.js 3.69 KiB [built]
    | ./src/init.js 18.4 KiB [built]
    | ./src/helpers/tracker.js 15.8 KiB [built]
    | ./src/helpers/cookies.js 1.72 KiB [built]
    | ./src/helpers/uri.js 2.03 KiB [built]
    | ./src/terms.js 249 bytes [built]
    | ./src/params.js 5.97 KiB [built]
Child html-webpack-plugin for "index.html":
    1 asset
   Entrypoint undefined = index.html
   [0] ./node_modules/html-webpack-plugin/lib/loader.js!./testing/test.html 12.9 KiB {0} [built]
   [1] ./node_modules/lodash/lodash.js 528 KiB {0} [built]
   [2] (webpack)/buildin/global.js 472 bytes {0} [built]
   [3] (webpack)/buildin/module.js 497 bytes {0} [built]
источник

S

Slvr in Webpack — русскоговорящее сообщество
[10] ./node_modules/regenerator-runtime/runtime.js 23.5 KiB {0} {1} [built]
[2] ./node_modules/localforage/dist/localforage.js 90.3 KiB {0} {1} [built]

по идее вот эти 2ое дают оверхед
источник

V

Vlad in Webpack — русскоговорящее сообщество
Slvr
Привет! Пришлось на секундочку вернутся в JS разработку из уютного питона. Написал библиотечку, которая будет поставлятся на сторонние сайты (для упрощения - трекер определенных ивентов). Моего кода (raw) на 25кб. Подключено немного внешних библиотек (аж 2): localforage (min version 28kb) & js-cookie (min version 3kb) в итоге библиотечка стала весить 66кб. Странно как-то, получается как будто оверхед вебпака убил результаты минификации моего кода. Это нормально и жить с этим? Конечно 20кб в гзипе фигня, но все же - когда речь идет про чужие сайты, хотелось бы получить размер поменьше. Что можно сделать? Заюзать rollup? Переписать на es5 чтобы исключить babel?
посмотри через webpack analyzer
источник

V

Vlad in Webpack — русскоговорящее сообщество
мб библиотеки юзают более старые модули, из-за чего у тебя в банлде 2 версии одно и того же плагина
источник

V

Vlad in Webpack — русскоговорящее сообщество
Но удалять бабель из-за размера бандла - это смешно)
источник

S

Slvr in Webpack — русскоговорящее сообщество
@elegy1 визуализатор особо ничего интересного не показывал (тот который webpack-bundle-analyzer) 26kb из 66 удалось спасти поменяв зависимость на более простую (localforage -> store.js) И отказавшись от async/await что убрало зависимость regenerator-runtime/runtime.js
источник

V

Vlad in Webpack — русскоговорящее сообщество
Slvr
@elegy1 визуализатор особо ничего интересного не показывал (тот который webpack-bundle-analyzer) 26kb из 66 удалось спасти поменяв зависимость на более простую (localforage -> store.js) И отказавшись от async/await что убрало зависимость regenerator-runtime/runtime.js
Тогда смириться
источник

S

Slvr in Webpack — русскоговорящее сообщество
с 13кб gzip/min уже можно жить
источник