Last year, we had announced how excited and proud we that trivago was joining our family of supporters on Open Collective.

Image for post
Image for post

Throughout this year, we’ve checked in periodically with the trivago engineering team to ensure that their $120,000 investment was paying off.

We spoke with Patrick Gotthardt, who oversees all front-end engineering work at trivago, and asked him to summarize their experience sponsoring webpack this year.

“Being a data-driven company we of course also tried to collect some insights into how the sponsoring is affecting us as a company. There’s no discussion about the technical value of webpack within trivago…


Image for post
Image for post

Jevan Chan, Dhruvdutt Jadhav, Vincent Chan selected as GSOC 2018 Webpack Students!

If you have been following the Google Summer of Code projects, you’ll notice that this year webpack is among the list of organizations participating this year!

Learn more about Google Summer of Code!

We had over 50+ student applications fly in after our announcement and Even Stensberg, Tobias Koppers, and the rest of the webpack team spent weeks working to evaluate them!


Image for post
Image for post
Remember how exciting it was when webpack 2 was released? We decided to use this same cover photo from our v2.2 release because it reminds us of this excitement!!!

Codename: Legato 🎶

Today we’re happy to announce that webpack 4 (Legato) is available today! You can get it via yarn or npm using:

$> yarn add webpack webpack-cli --dev

or

$> npm i webpack webpack-cli --save-dev

🎼 Why Legato?

We wanted to start a new tradition by giving each of our major releases a codename! Therefore, we decided to give this privilege to our largest OpenCollective sponsor: trivago!

So we reached out and here was their response:

[At trivago] we usually give our projects a name with a musical theme. For example, our old JS Framework was called “Harmony”, our new framework is “Melody”. …


Image for post
Image for post
To support millions of features, use-cases, and needs, it takes a secure, stable, reliable, and scale-able foundation. Only with webpack, are the possibilities limitless!

The road to stable release!

Since the beginning of August — when we forked webpack/webpack#master for the next branch — we’ve seen an incredible influx of contributions!


From all of us at webpack: 🎆🎉 Happy New Year! 🎉🎆

Leading up to 2017

One year for us, feels like 300 “JavaScript years”. JavaScript’s ease of use, accessibility, dynamic nature, and distribution platform enables us to witness a new tool, framework, or paradigm to pop up every week or so! We call this the “JavaScript Renaissance”.

To stay relevant and sustainable as a JavaScript open source project, you also have to be easy-to-use, accessible, and share many of the same qualities as JavaScript itself. …


Building the Dependency Graph

Image for post
Image for post

The Contributors Guide to webpack is a multi-part publication series outlining the many ways that you can learn about, and contribute to the webpack open source project. You can read the first article in the series here!

Recap

In Part 1 of this series we learned about the packages that reside within both the webpack and webpack-contrib GitHub organizations! In Part 2, we discovered Tapable , learned that it is a ~230 line library similar to NodeJs’s EventEmitter , and found that it powers the entire [webpack] plugin system.

In addition to this, we learned how webpack creates tapable instances (Classes…


With webpack becoming the tool of choice for many companies across the world, its success and that of the companies that rely on it are intertwined. Ensuring the future of webpack is a no brainer for everyone who benefits from it.

Over the past two years we have collaborated with engineers at trivago as webpack is vital to their technology stack. Today we are thrilled to announce trivago as the newest sponsor to the webpack open source project.

trivago’s business mission is clear: be the traveler’s first and independent source of information for finding the ideal hotel at the lowest…


Implementing first-class support for WebAssembly

Image for post
Image for post
WebAssembly Official Logo

One of the signature features of webpack is its use of the “dependency graph” to manage and bundle assets.

However, every resource that is loaded into webpack must be treated as JavaScript (this includes css, images, svgs, html, etc.). Because of this, only JavaScript is a first-class module type in webpack. The downsides of this are that assets like CSS, HTML, cannot be lazy-loaded with their own special runtimes. Rather, we have had to make hackier-than-not solutions (like extract-text-webpack-plugin) to support these kinds of limitations.

WebAssembly

At webpack, we would like to shift our focus to supporting more module types. One…


Image for post
Image for post
Webpack Academy was made for the webpack community. You are in the driver seat.

A few weeks ago I announced that I was leaving my job to go work at Microsoft. I soon realized that I would leaving behind a lot of work for my team at Mutual of Omaha.

As a maintainer of webpack, I knew had really pushed the build tool to its limits. Through advanced webpack techniques, our team was able to re-architect MutualOfOmaha.com into a multipage app that was at the same time a Progressive Web App.

But who was going to take this over this complex implementation when I was gone? I had handled a majority of our webpack…


To put developers first

This post is dedicated to my wife Mallory. Without her patience and support to allow me to pursue my endeavors, I would not be where I am today. ❤

Today, with a ginormous lump in my throat, I gave my current employer my 2 weeks notice, and informed them that I would be leaving Nebraska, to join Microsoft in Seattle, Washington. 😍

I will be joining the EdgeHTML team as a Program Manager for F12 DevTools. (tl;dr I’m gunning to be the Paul Irish of Microsoft 😂)

I’d be lying if I said it felt like the odds were not…

Sean T. Larkin

@Webpack Core team & AngularCLI team. Program Manager @Microsoft @EdgeDevTools. Web Performance, JavaScripter, Woodworker, 🐓 Farmer, and Gardener!

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store