The Wonderful Wide World of webpack: Unpacking Awesomeness

Aaron Diffenderfer Articles, Development Technologies & Tools, JavaScript Leave a Comment

In the past couple of years, webpack has come a long way. It continues to rapidly evolve and revolutionize the way we bundle JavaScript and more. For some of us that have been doing development for more than a few years, seeing an amazing tool like webpack and all of its abilities is mind-blowing. If only it had come into existence a bit sooner…

If you’re like me, you may have stumbled across webpack, hearing about its gazillion configuration options, along with a bunch of plugins, numerous ways to optimize your bundle, and more. So much that it all makes your head spin and you begin to feel overwhelmed as you attempt to make sense of it. That’s honestly how my journey began with Webpack.

My first exposure to it…Ejecting the webpack.config.js file from an AngularCLI project just to see what the all the hype was about and to see what I had been missing out on the past few years. After getting past the initial shock of the number of lines of code and the seemingly large structure (how I felt after my first few glances, having to shield my eyes and take a few deep breaths), I started to see many of the benefits. This continued as I read through the webpack documentation, various blogs, and StackOverflow (every developer’s most-accessed site) and as I began trying out a variety of configurations for some actual projects.

As I discovered, webpack can be used with zero config or configured literally in 8,675,309 ways, plus or minus a handful. And there about just as many blogs that cover all of the variations and flavors.

In this post, however, the goal is to highlight some tips & tricks along with features I’ve found to be particularly useful and reasons why you should be using webpack – if you haven’t already started…

webpack

BackboneJS with Webpack: A lesson in optimization

Brandon Klimek Articles, BackboneJS, Development Technologies & Tools, JavaScript, Microservices 2 Comments

Attention: The following article was published over 9 years ago, and the information provided may be aged or outdated. Please keep that in mind as you read the post.Developing a large BackboneJS application presents a unique design problem. As developers, we like to organize our code so it is understandable, logical, and predictable. However, doing so can cause performance issues on …

Angular Development

Keyhole Software provides expert Angular development services to help businesses build, modernize, and scale their applications. Whether you’re starting a new project, enhancing an existing Angular app, or migrating from another framework, our experienced consultants deliver tailored solutions to meet your business goals…

Transforming Insurance Operations with a Full-Stack Data Solution

Gena Cockrell .NET, Application Enhancement, Azure, C#, Cloud, Microservices, React

A team of six highly skilled Keyhole Software developers collaborated to deliver a robust full-stack solution for an advanced insurance platform tailored to enhance efficiency and user experience for insurance agents. The platform, developed in partnership with Brightway Insurance, integrated cutting-edge technologies like .NET and React to build scalable, maintainable, and high-performing applications. Client Focus Keyhole Software played a pivotal …

Optimize Frontend Deployments with Module Federation

Troy McLaughlin Articles, JavaScript, Microservices, Programming, React Leave a Comment

It’s time to release your latest front-end changes to production. However, as you create a new tag, you notice a large number of commits unrelated to the feature you’ve been working on. Now, instead of simply kicking off your deployment and watching the pipeline run, you need to check with numerous developers and managers to ensure you don’t deploy any …