#webpack — Public Fediverse posts
Live and recent posts from across the Fediverse tagged #webpack, aggregated by home.social.
-
Wenn du aus der Java-Welt kommst, wirken Begriffe wie JavaScript, TypeScript, Angular, React, Vue, Node.js oder npm am Anfang schnell wie ein einziger großer Themenblock. Genau da entsteht oft die eigentliche Verwirrung. Alles klingt ähnlich, vieles taucht im gleic...
#Coding #JavaScript #Angular #TypeScript #React #Node #Vite #Webpack #ESLint #Maven #Paketmanager #ECMAScript #Programming
-
Wenn du aus der Java-Welt kommst, wirken Begriffe wie JavaScript, TypeScript, Angular, React, Vue, Node.js oder npm am Anfang schnell wie ein einziger großer Themenblock. Genau da entsteht oft die eigentliche Verwirrung. Alles klingt ähnlich, vieles taucht im gleic...
#Coding #JavaScript #Angular #TypeScript #React #Node #Vite #Webpack #ESLint #Maven #Paketmanager #ECMAScript #Programming
-
Wenn du aus der Java-Welt kommst, wirken Begriffe wie JavaScript, TypeScript, Angular, React, Vue, Node.js oder npm am Anfang schnell wie ein einziger großer Themenblock. Genau da entsteht oft die eigentliche Verwirrung. Alles klingt ähnlich, vieles taucht im gleic...
#Coding #JavaScript #Angular #TypeScript #React #Node #Vite #Webpack #ESLint #Maven #Paketmanager #ECMAScript #Programming
-
Wenn du aus der Java-Welt kommst, wirken Begriffe wie JavaScript, TypeScript, Angular, React, Vue, Node.js oder npm am Anfang schnell wie ein einziger großer Themenblock. Genau da entsteht oft die eigentliche Verwirrung. Alles klingt ähnlich, vieles taucht im gleic...
#Coding #JavaScript #Angular #TypeScript #React #Node #Vite #Webpack #ESLint #Maven #Paketmanager #ECMAScript #Programming
-
One team cut Rails JS recompilation from 39s to 1s by swapping Webpack 5 for Vite. Two commands to install on Rails 7+, and multiple entry points let you migrate legacy code in stages. https://go.fastruby.io/res #Rails #Vite #Webpack #RubyOnRails
-
One team cut Rails JS recompilation from 39s to 1s by swapping Webpack 5 for Vite. Two commands to install on Rails 7+, and multiple entry points let you migrate legacy code in stages. https://go.fastruby.io/res #Rails #Vite #Webpack #RubyOnRails
-
أطلقت Tailwind CSS الإصدار الجديد 4.3 الذي يقدم أدوات مساعدة مبتكرة لتنسيق أشرطة التمرير والحاويات وعرض التبويبات، مما يسهل التوافق بين المتصفحات المختلفة بشكل كبير. كما يتضمن التحديث أربع لوحات ألوان محايدة جديدة تمنح المصممين خيارات جمالية أوسع. بالإضافة إلى ذلك، تم توفير إضافة مخصصة لبرنامج Webpack تهدف إلى تسريع عملية البناء البرمجي بشكل ملحوظ، خاصة في المشاريع الضخمة، مما يعزز من كفاءة سير العمل للمطورين ويحسن تجربة الاستخدام الشاملة في تصميم الويب الحديث.
-
Damn, I was trying to figure out why my @layer CSS directive wasn't working and realized that Webpack was messing with the directive placement because of css-loader. I can't get it to behave without completely removing css-loader but then that means I need a different way to concatenate the CSS and add versioning hashes. Now I might need to ditch Webpack, but how am I going to version the fonts and images referenced in the CSS. Lmao web development sucks.
-
Damn, I was trying to figure out why my @layer CSS directive wasn't working and realized that Webpack was messing with the directive placement because of css-loader. I can't get it to behave without completely removing css-loader but then that means I need a different way to concatenate the CSS and add versioning hashes. Now I might need to ditch Webpack, but how am I going to version the fonts and images referenced in the CSS. Lmao web development sucks.
-
Damn, I was trying to figure out why my @layer CSS directive wasn't working and realized that Webpack was messing with the directive placement because of css-loader. I can't get it to behave without completely removing css-loader but then that means I need a different way to concatenate the CSS and add versioning hashes. Now I might need to ditch Webpack, but how am I going to version the fonts and images referenced in the CSS. Lmao web development sucks.
-
Damn, I was trying to figure out why my @layer CSS directive wasn't working and realized that Webpack was messing with the directive placement because of css-loader. I can't get it to behave without completely removing css-loader but then that means I need a different way to concatenate the CSS and add versioning hashes. Now I might need to ditch Webpack, but how am I going to version the fonts and images referenced in the CSS. Lmao web development sucks.
-
Damn, I was trying to figure out why my @layer CSS directive wasn't working and realized that Webpack was messing with the directive placement because of css-loader. I can't get it to behave without completely removing css-loader but then that means I need a different way to concatenate the CSS and add versioning hashes. Now I might need to ditch Webpack, but how am I going to version the fonts and images referenced in the CSS. Lmao web development sucks.
-
Работа с легаси кодом: не переписывать, а приручить
Привет, Хабр! Я Валерий Маланин, фронтенд-разработчик в команде Modus BI. И по опыту знаю, что каждый разработчик хотя бы раз мечтал попасть на проект, где всё с нуля. Свежий стек, понятная архитектура, аккуратные модули, тесты, документация и никаких комментариев в духе «не трогать, иначе всё упадёт». В таком проекте легко писать новый код и приятно разбираться в старом. Но в реальности всё обычно выглядит иначе. Команда приходит в продукт — а там React 16, Webpack 2, компонент на две тысячи строк, круговые зависимости и ни одного теста. И это не исключение, а обычная картина для живой системы, которая давно работает в проде. Любой проект со временем накапливает легаси. Бизнес торопит и заставляет срезать углы. Команда меняется, и вместе с ней уходит контекст старых решений. Технологии устаревают, а код остаётся. В итоге систему становится страшно менять, потому что никто до конца не понимает, что сломается после очередной правки.
https://habr.com/ru/companies/modusbi/articles/1027368/
#legacy #legacyкод #рефакторинг #strangler_fig #археология_кода #модульность #фронтендразработка #фронтенд #frontend #webpack
-
Работа с легаси кодом: не переписывать, а приручить
Привет, Хабр! Я Валерий Маланин, фронтенд-разработчик в команде Modus BI. И по опыту знаю, что каждый разработчик хотя бы раз мечтал попасть на проект, где всё с нуля. Свежий стек, понятная архитектура, аккуратные модули, тесты, документация и никаких комментариев в духе «не трогать, иначе всё упадёт». В таком проекте легко писать новый код и приятно разбираться в старом. Но в реальности всё обычно выглядит иначе. Команда приходит в продукт — а там React 16, Webpack 2, компонент на две тысячи строк, круговые зависимости и ни одного теста. И это не исключение, а обычная картина для живой системы, которая давно работает в проде. Любой проект со временем накапливает легаси. Бизнес торопит и заставляет срезать углы. Команда меняется, и вместе с ней уходит контекст старых решений. Технологии устаревают, а код остаётся. В итоге систему становится страшно менять, потому что никто до конца не понимает, что сломается после очередной правки.
https://habr.com/ru/companies/modusbi/articles/1027368/
#legacy #legacyкод #рефакторинг #strangler_fig #археология_кода #модульность #фронтендразработка #фронтенд #frontend #webpack
-
Работа с легаси кодом: не переписывать, а приручить
Привет, Хабр! Я Валерий Маланин, фронтенд-разработчик в команде Modus BI. И по опыту знаю, что каждый разработчик хотя бы раз мечтал попасть на проект, где всё с нуля. Свежий стек, понятная архитектура, аккуратные модули, тесты, документация и никаких комментариев в духе «не трогать, иначе всё упадёт». В таком проекте легко писать новый код и приятно разбираться в старом. Но в реальности всё обычно выглядит иначе. Команда приходит в продукт — а там React 16, Webpack 2, компонент на две тысячи строк, круговые зависимости и ни одного теста. И это не исключение, а обычная картина для живой системы, которая давно работает в проде. Любой проект со временем накапливает легаси. Бизнес торопит и заставляет срезать углы. Команда меняется, и вместе с ней уходит контекст старых решений. Технологии устаревают, а код остаётся. В итоге систему становится страшно менять, потому что никто до конца не понимает, что сломается после очередной правки.
https://habr.com/ru/companies/modusbi/articles/1027368/
#legacy #legacyкод #рефакторинг #strangler_fig #археология_кода #модульность #фронтендразработка #фронтенд #frontend #webpack
-
Работа с легаси кодом: не переписывать, а приручить
Привет, Хабр! Я Валерий Маланин, фронтенд-разработчик в команде Modus BI. И по опыту знаю, что каждый разработчик хотя бы раз мечтал попасть на проект, где всё с нуля. Свежий стек, понятная архитектура, аккуратные модули, тесты, документация и никаких комментариев в духе «не трогать, иначе всё упадёт». В таком проекте легко писать новый код и приятно разбираться в старом. Но в реальности всё обычно выглядит иначе. Команда приходит в продукт — а там React 16, Webpack 2, компонент на две тысячи строк, круговые зависимости и ни одного теста. И это не исключение, а обычная картина для живой системы, которая давно работает в проде. Любой проект со временем накапливает легаси. Бизнес торопит и заставляет срезать углы. Команда меняется, и вместе с ней уходит контекст старых решений. Технологии устаревают, а код остаётся. В итоге систему становится страшно менять, потому что никто до конца не понимает, что сломается после очередной правки.
https://habr.com/ru/companies/modusbi/articles/1027368/
#legacy #legacyкод #рефакторинг #strangler_fig #археология_кода #модульность #фронтендразработка #фронтенд #frontend #webpack
-
Почему ваш бандл тяжелее чем должен быть — тестирую tree shaking на 7 бандлерах
Вы уверены, что ваш бандлер вырезает неиспользуемый код? Я тоже был уверен — пока бандл Next.js проекта не оказался в два раза тяжелее, чем нужно. Прогнал одинаковый тест на webpack, rollup, vite, esbuild и Next.js — 5 из 7 ломаются на банальном barrel файле. Полез в исходники, нашёл основную причину — и она оказалась не там, где ожидал.
https://habr.com/ru/articles/1024404/
#tree_shaking #webpack #barrel_file #bundler #nextjs #rollup #vite #esbuild #оптимизация_бандла #фронтенд
-
Почему ваш бандл тяжелее чем должен быть — тестирую tree shaking на 7 бандлерах
Вы уверены, что ваш бандлер вырезает неиспользуемый код? Я тоже был уверен — пока бандл Next.js проекта не оказался в два раза тяжелее, чем нужно. Прогнал одинаковый тест на webpack, rollup, vite, esbuild и Next.js — 5 из 7 ломаются на банальном barrel файле. Полез в исходники, нашёл основную причину — и она оказалась не там, где ожидал.
https://habr.com/ru/articles/1024404/
#tree_shaking #webpack #barrel_file #bundler #nextjs #rollup #vite #esbuild #оптимизация_бандла #фронтенд
-
Почему ваш бандл тяжелее чем должен быть — тестирую tree shaking на 7 бандлерах
Вы уверены, что ваш бандлер вырезает неиспользуемый код? Я тоже был уверен — пока бандл Next.js проекта не оказался в два раза тяжелее, чем нужно. Прогнал одинаковый тест на webpack, rollup, vite, esbuild и Next.js — 5 из 7 ломаются на банальном barrel файле. Полез в исходники, нашёл основную причину — и она оказалась не там, где ожидал.
https://habr.com/ru/articles/1024404/
#tree_shaking #webpack #barrel_file #bundler #nextjs #rollup #vite #esbuild #оптимизация_бандла #фронтенд
-
Почему ваш бандл тяжелее чем должен быть — тестирую tree shaking на 7 бандлерах
Вы уверены, что ваш бандлер вырезает неиспользуемый код? Я тоже был уверен — пока бандл Next.js проекта не оказался в два раза тяжелее, чем нужно. Прогнал одинаковый тест на webpack, rollup, vite, esbuild и Next.js — 5 из 7 ломаются на банальном barrel файле. Полез в исходники, нашёл основную причину — и она оказалась не там, где ожидал.
https://habr.com/ru/articles/1024404/
#tree_shaking #webpack #barrel_file #bundler #nextjs #rollup #vite #esbuild #оптимизация_бандла #фронтенд
-
Just got woken up by a tech recruiter again.
I explained that at my last job I built out build tools for multiple teams on a giant custom #webpack #React app. I tried to dumb it down as politely as possible, but it was lost on him. The only thing he understands is feature building.
I hate this industry.
-
Just got woken up by a tech recruiter again.
I explained that at my last job I built out build tools for multiple teams on a giant custom #webpack #React app. I tried to dumb it down as politely as possible, but it was lost on him. The only thing he understands is feature building.
I hate this industry.
-
Just got woken up by a tech recruiter again.
I explained that at my last job I built out build tools for multiple teams on a giant custom #webpack #React app. I tried to dumb it down as politely as possible, but it was lost on him. The only thing he understands is feature building.
I hate this industry.
-
Just got woken up by a tech recruiter again.
I explained that at my last job I built out build tools for multiple teams on a giant custom #webpack #React app. I tried to dumb it down as politely as possible, but it was lost on him. The only thing he understands is feature building.
I hate this industry.
-
Creating a Liferay Global JS Client Extension with TypeScript and Webpack
#liferay #webpack #typescript
https://www.xtivia.com/blog/creating-a-liferay-global-js-client-extension-with-typescript-and-webpack/ -
Creating a Liferay Global JS Client Extension with TypeScript and Webpack
#liferay #webpack #typescript
https://www.xtivia.com/blog/creating-a-liferay-global-js-client-extension-with-typescript-and-webpack/ -
Creating a Liferay Global JS Client Extension with TypeScript and Webpack
#liferay #webpack #typescript
https://www.xtivia.com/blog/creating-a-liferay-global-js-client-extension-with-typescript-and-webpack/ -
Creating a Liferay Global JS Client Extension with TypeScript and Webpack
#liferay #webpack #typescript
https://www.xtivia.com/blog/creating-a-liferay-global-js-client-extension-with-typescript-and-webpack/ -
Creating a Liferay Global JS Client Extension with TypeScript and Webpack
#liferay #webpack #typescript
https://www.xtivia.com/blog/creating-a-liferay-global-js-client-extension-with-typescript-and-webpack/ -
#Webpack has published its 2026 roadmap.
Key highlights:
• Native CSS module support
• Universal compilation across environments
• Built-in TypeScript support
• Strong focus on performance optimizationMore details on #InfoQ ⇨ https://bit.ly/40zFlaX
-
#Webpack has published its 2026 roadmap.
Key highlights:
• Native CSS module support
• Universal compilation across environments
• Built-in TypeScript support
• Strong focus on performance optimizationMore details on #InfoQ ⇨ https://bit.ly/40zFlaX
-
#Webpack has published its 2026 roadmap.
Key highlights:
• Native CSS module support
• Universal compilation across environments
• Built-in TypeScript support
• Strong focus on performance optimizationMore details on #InfoQ ⇨ https://bit.ly/40zFlaX
-
#Webpack has published its 2026 roadmap.
Key highlights:
• Native CSS module support
• Universal compilation across environments
• Built-in TypeScript support
• Strong focus on performance optimizationMore details on #InfoQ ⇨ https://bit.ly/40zFlaX
-
#Webpack has published its 2026 roadmap.
Key highlights:
• Native CSS module support
• Universal compilation across environments
• Built-in TypeScript support
• Strong focus on performance optimizationMore details on #InfoQ ⇨ https://bit.ly/40zFlaX
-
Whenever I work with #webpack I regret it. How hard can it be to make a JavaScript function available for inline code in an HTML page? Turns out very hard if webpack is involved.
-
Whenever I work with #webpack I regret it. How hard can it be to make a JavaScript function available for inline code in an HTML page? Turns out very hard if webpack is involved.
-
Whenever I work with #webpack I regret it. How hard can it be to make a JavaScript function available for inline code in an HTML page? Turns out very hard if webpack is involved.
-
Whenever I work with #webpack I regret it. How hard can it be to make a JavaScript function available for inline code in an HTML page? Turns out very hard if webpack is involved.
-
Whenever I work with #webpack I regret it. How hard can it be to make a JavaScript function available for inline code in an HTML page? Turns out very hard if webpack is involved.
-
Por fin me he quitado de encima un potencial problema que me traía de cabeza. El tema de una aplicación crítica ahora se visualiza decentemente y es operativo en el #Webview que usa Microsoft en sus aplicaciones.
La solución es algo enrevesada: incluye un pipeline complejo con #gulp y #webpack usando #SASS, #PostCSS, transpilación de módulos JavaScript, un par de #polyfills, un #ponyfill, una pizca de magia arcana y varios artificios quirúrgicos. Dista de ser perfecta pero por lo menos es funcional.
-
Por fin me he quitado de encima un potencial problema que me traía de cabeza. El tema de una aplicación crítica ahora se visualiza decentemente y es operativo en el #Webview que usa Microsoft en sus aplicaciones.
La solución es algo enrevesada: incluye un pipeline complejo con #gulp y #webpack usando #SASS, #PostCSS, transpilación de módulos JavaScript, un par de #polyfills, un #ponyfill, una pizca de magia arcana y varios artificios quirúrgicos. Dista de ser perfecta pero por lo menos es funcional.
-
[Webpack] Roadmap 2026, by @evenstensberg.bsky.social:
-
[Webpack] Roadmap 2026, by @evenstensberg.bsky.social:
-
[Webpack] Roadmap 2026, by @evenstensberg.bsky.social:
-
[Webpack] Roadmap 2026, by @evenstensberg.bsky.social:
-
[Webpack] Roadmap 2026, by @evenstensberg.bsky.social: