Обзор инструмента Webpack Bundle Analyzer
В этом материале познакомимся с таким пакетом как Webpack Bundle Analyzer, который позволяет наглядно увидеть из каких частей состоит проект. В качестве тестового проекта использована сборка на базе Next.js 15-й версии с app router.
https://habr.com/ru/articles/913480/
#javascript #webpack #reactjs #nextjs #npm_package #analyzer
🚀 Ever wondered how Angular apps stay lightning fast? It’s all thanks to Webpack.
From bundling to lazy loading, Webpack is the powerhouse behind Angular’s smooth performance. 🔧✨
Whether you’re debugging, customizing builds, or just curious — this guide breaks down exactly how Angular uses Webpack (even when you're using the CLI).
🔍 Learn more: https://www.angularminds.com/blog/unit-testing-in-react-with-jest-and-enzyme
#Angular #Webpack #JavaScript #FrontendDev #AngularTips #DevTools #BlueSkyTech
От Lerna до ModuleFederation
Привет, Хабр! Меня зовут Дмитрий Ханин, я работаю в Сбере и участвую в разработке Платформы ЦА — системы на базе блокчейн, занимающейся привлечением средств юридических и физических лиц. Сегодня хотелось бы рассказать про тот путь, который мы прошли за несколько лет, как организовали взаимодействие между разными приложениями и чем нам это помогло. Рассказ разделён на две части. В первой рассмотрим путь проекта и проблемы, с которыми сталкивались, а во второй разберём, как мы решали часть этих проблем.
https://habr.com/ru/companies/sberbank/articles/911748/
#module_federation #webpack #microfrontends #опыт_разработчика
Simple React builds for WordPress with Symfony’s Webpack Encore
Symfony’s Webpack Encore (docs) makes it quite easy to build your JS apps. It’s a nicer interface for the actual Webpack config, so you can also extend and customize your config to fit any use case that’s supported by webpack.
One of the cool things I’ve done with it is using it for building React apps that use WordPress code editor components for my own admin tools.
Here’s how you can use […]
Go through all the .js files in dist/mjs and add .js to all relative imports, so change e.g.
import { createDAGfromGraph } from "./scc";
to
import { createDAGfromGraph } from "./scc.js";
https://github.com/waysact/webpack-subresource-integrity/issues/231#issuecomment-2077144314 #WebPack
Hi, I'm trying to switch a project to "type": "module", so I converted my webpack.config.js to include the following import: import { SubresourceIntegrityPlugin } from "webpack-subresource-integrit...
"Don’t use [chunkhash] in development since this will increase compilation time"
https://codeburst.io/long-term-caching-of-static-assets-with-webpack-1ecb139adb95#.oibt9ye3h #webdev #webpack
Микрофронтенд на пальцах с module federation 2.0
Микрофронтенд на пальцах с module federation 2.0. Как собрать микрофронты из кубиков без магии по шагам.
Сборщики Frontend и когда их применять
Привет, друзья! В этой статье вы узнаете ключевые возможности и отличия трёх популярных сборщиков Frontend-разработки: Webpack, Vite и Parcel. Также вы сравните использование этих сборщиков на практике и узнаете, как выбрать сборщик для своего проекта.
Is Vite Faster Than Turbopack?, by @gill_kyle@x.com:
https://www.kylegill.com/essays/vite-vs-turbopack/
#nextjs #webpack #vite #rollup #bundling #performance #comparisons
Habr
Evan Dower
Angular Minds
felipe.lavin.blog
Bardnet
Frontend Dogma