Webpack: A Gentle Introduction to the Module Bundler

Not ready for Parcel (above)? Here you can learn the basics of Webpack and how to configure it for your web application. - https://goo.gl/UKcrxD

#webpack

Webpack 4 Beta: Happier, Faster, More Productive.

The final release of the popular module bundler is due in a month to let plugin developers catch up, but you can play with it already. It’s faster, output is smaller, it’s taken a ‘zero config’ approach, and way more. - https://goo.gl/QSW6FR

#webpack

webpack 4.0 Released

A significant release for the popular module and asset bundler brings significantly increased performance and new ‘development’ and ‘production’ modes with pre-defined settings. - https://goo.gl/1D3SZH

#webpack #released

The Webpack 4.0 Release: What’s New?

A quick roundup of the features and improvements. - https://goo.gl/E8qDvE

#tools #webpack

A tale of Webpack 4 and how to finally configure it in the right way - https://goo.gl/zB13q8

#webpack

Vue.js and Webpack 4 From Scratch

A walkthrough of creating a Webpack 4 build for a Vue.js “Hello World” application including linting, testing, and hot module reloading. - http://bit.ly/2qDoDWu

#vue #webpack

webpack 4.6 Released with Prefetch/Preload Support

Preloading can bring down the number of round-trips needed to load a page, while prefetching can speed up future navigations. Here’s how it works. - http://bit.ly/2vV8PnU

#webpack

An Easy to Understand Webpack 4+ Configuration File with Comments - http://bit.ly/2IrVdSW

#webpack

Code Splitting Pattern With Vuejs & Webpack

The initial request of a Vue single-page app can be slow if you retrieve the whole JavaScript and CSS. Code splitting, a technique made possible with Webpack, can distribute code across page loads to improve a site’s UX. - http://bit.ly/2OM7AwH

#vue #webpack

The 100% Correct Way to Split Your Chunks with Webpack

Know what file-splitting strategy will work best for your site and your users. - http://bit.ly/2NXHiKw

#webpack

An Annotated webpack 4 Config for Frontend Development

As web development becomes more complex, we need tooling to help us build modern websites. Here’s a very thorough example of a real-world production webpack 4 config. - http://bit.ly/2FfHu4r

#webpack

How to Setup Webpack and Babel 7 for React

If you’ve learned to get a React project up and running using create-react-app, this is a nice detailed tutorial to take that to the next level using two popular tools. - http://amp.gs/JFtM

#webpack

webpack 5 Released

webpack is arguably the most popular bundler right now and this is the first major release in over two years. We get big improvements to caching (and therefore performance), reduced bundle sizes with better tree shaking, and a variety of breaking changes to prepare for the future (automatic Node polyfills are gone, for one). - http://amp.gs/W5cc

#webpack

What’s New in Webpack 5: And Should You Rush to Upgrade?

A valuable, candid assessment of what’s to be gained with the latest major release of webpack. While the benefits mean you’ll have to get there eventually, you will also want to proceed prudentially, particularly if you make heavy use of plugins which may not yet be supported. - http://amp.gs/auiV

#webpack

Getting Started with webpack

If you’re already working with webpack, scroll on by, but otherwise this is a reasonable beginner-oriented introduction to the main concepts. - http://amp.gs/jIqq8

#webpack

Micro Frontends Step by Step Using React, Webpack 5, and Module Federation

In this article, I will go step by step in creating two Micro Frontend React Components and render a Button… - http://amp.gs/jjf3T

#microfrontends #webpack

Migrating to webpack 5 to improve build time and reduce chunk sizes

Webpack an open source project is not just a tool to bundle the frontend assets but much more than that… - http://amp.gs/j1RfK

#webpack