Software Alternatives & Reviews

Webpack Reviews

Webpack is a module bundler. Its main purpose is to bundle JavaScript files for usage in a browser, yet it is also capable of transforming, bundling, or packaging just about any resource or asset.

Social recommendations and mentions

We have tracked the following product recommendations or mentions on Reddit and HackerNews. They can help you see what people think about Webpack and what they use it for.
  • Benchmarking the AWS SDK
    The other option I want to highlight is packaging the project using something like Webpack or esbuild. JS Bundlers transpile all of your separate files and classes (along with all node_modules) into one single file, a practice originally developed to reduce package size for frontend applications. This helps improve the cold start time in Lambda, as unimported files can be pruned and the entire handler becomes one... - Source: / 14 days ago
  • What’s New With Nuxt 3
    It supports webpack 5 and Vite, which supports hot module replacement during development and assembles your code for production,. - Source: / 17 days ago
  • Tutorial - Build a chatbot with React and OpenAI
    I have plans on writing an email that does a bit more of a deep-dive into Vite but in summary, Vite is a build tool and development server that is designed to optimize the development experience of modern web applications. Think Webpack but with faster build/start times and a few additional improvements. - Source: / 29 days ago
  • 7 Tools and Frameworks for Faster Development in React
    The next on this list is not a framework but a JavaScript open-source module bundler.Webpack is often used in React applications to bundle the application code and related assets into a single file that can be served to the browser. - Source: / about 1 month ago
  • Rethinking the Modern Web
    We must now rigor through the surprisingly high amount of code-level complexity, and pay the price of a compile-step (with Webpack and babel (or similar beast) and a barrage of configurations, plugins and extensions) to have a working web page! But that's not all, we must also bend along with mind-bending runtime behaviours (of hooks and friends), and debug through difficult-to-grok transforms of our code! - Source: / 5 months ago
  • Decoding JS: Polyfills and Transpilers
    Build systems or bundlers such as webpack, provide a means to run a transpiler automatically on every code change. So, they could be integrated into development processes. - Source: / about 1 month ago
  • The Complete Guide to User Authentication in Firebase
    In this blog, we'll cover how to implement a simple login signup functionality using firebase. We'll be using modular JavaScript SDK, which (according to the documentation) provides a reduced SDK size and greater efficiency with modern JavaScript build tools such as Webpack or Rollup. - Source: / about 1 month ago
  • React setup without create-react-app
    If you want to learn more about webpack just go to this website explore it and see more settings in webpack. - Source: / about 1 month ago
  • I need a crash course in JavaScript project structure
    A bundler like webpack is usually being used where npm is involved in order to generate a single .js file from all of the imports / exports - and you can usually see the start commands under "scripts" in the package.json - the webpack configuration itself will usually be under a webpack.config.js in the root directory. The bundle is usually placed in a /dist/ folder, and convention is to place all... - Source: Reddit / about 2 months ago
  • How to use Firestore with Redux in a React application
    With tools like webpack (used by create-react-app under the hood), your entire application needs to be bundled in a single file before it can be served to the browser. Vite, on the other hand, takes advantage of native ES modules in the browser to make bundling more efficient with Rollup, serving parts of the source code as needed. - Source: / about 2 months ago
  • How to bypass mobile app review thanks to Capacitor, Ionic, and micro frontends 🤯
    If I choose React as a used framework, Ionic’s boilerplate is based on Create React App. Because of it I want a tool which edits Webpack’s configuration without ejecting CRA’s configuration. - Source: / about 2 months ago
  • What is webpack in angular
    Https:// - I think you can read by ur self. - Source: Reddit / 2 months ago
  • Setting up Module Federation with Server-Side Rendering for Angular
    Module Federation is a technology provided by webpack that enables modules to be federated across different origins at runtime. This means that Webpack will simply ignore these modules at build time, expecting them to be available to be fetched across the network at runtime. - Source: / 2 months ago
  • How to easily load React apps into an ASP.NET project using webpack
    In this post I'll walk through the way I found of implementing a React app into an ASP.NET project using webpack, and also show how to connect both projects and make the ASP.NET application work as a back-end for the React pages adding a simple Web API to the existing project. - Source: / 2 months ago
  • What is(are) the best resource(s) to lean how to build modern web applications?
    Packaging - turning all your code, CSS, assets, etc. Into the files you'll actually stick on your host server. e.g. webpack, maybe esbuild, etc.. - Source: Reddit / 3 months ago
  • I'm an older Internet Dev who started in 1997. I'm way behind. What tool suite would you select to create a simple portfolio site now in 2023?
    Let's start with something simple like Webpack. - Source: Reddit / 3 months ago
  • Building a Custom YAML Loader for Webpack
    One of our internal tools at RedBit uses yaml to provide structured data. We chose yaml because it's more human-friendly than json, and the data in question is created and modified by humans during development. Applications need to consume the data as JavaScript objects, so we need to convert it from yaml to json. We could do the conversion at runtime but that would affect performance, possibly to the point of... - Source: / 4 months ago
  • Learn how to set up Tailwind CSS with TypeScript and Flowbite
    In order to compile the TypeScript code into JavaScript that is supported by modern browsers we will have to install Webpack and bundle the source code into one final JavaScript file that we will later include in our HTML templates. - Source: / 3 months ago
  • Setting up a custom toolchain
    A bundler lets you write modular code and bundle it together into small packages to optimize load time. Popular bundlers: webpack, Parcel, esbuild, swc. - Source: Reddit / 3 months ago
  • Automated Frontend Workflow
    An automated frontend workflow is a set of processes and tools that are used to manage and streamline the development of a website or application. This typically involves tasks such as code linting (e.g. Prettier, ESLint), building, testing (e.g. Jest), and deployment, and is designed to make it easier for developers to work on the front end without having to worry about these details. Automated frontend workflows... - Source: / 3 months ago
  • Thank you Webpacker, Goodbye Webpacker
    This article is replace Webpacker with Simpacker and webpack. - Source: / 3 months ago

External sources with reviews and comparisons of Webpack

Rollup v. Webpack v. Parcel
Tool Prod Build Time One Prod Build Time Two Prod Build Time Three Prod Build Time Avg Parcel 738.509 s 35.364 s 35.592 s 269.82 avg s Rollup 0.712 s 0.665 s 0.714 s 0.697 avg s Webpack 3.636 s 3.805 s 4.305 s 3.915 avg s
If you’ve ever configured Webpack, Parcel will blow your mind!
document.body.className = document.body.className.replace(/(^|\s)is-noJs(\s|$)/, "$1is-js$2")HomepageHomepageJavascriptBecome a memberSign inGet startedIf you’ve ever configured Webpack, Parcel will blow your mind!And how to hit the ground running with Parcel.Ibrahim ButtBlockedUnblockFollowFollowingMar 16, 2018Click here to share this article on LinkedIn »Zero Configuration: Webpack Vs ParcelWebpackYes.We bring a...
First impressions with Parcel JS
From first impressions and experience, my take currently would be as follows. Webpack is generally going to be more flexible. It also places a bit more power in the developers hands to make bundling happen exactly as desired. That isn’t to say you shouldn’t use Parcel though. Where Parcel excels is the fact you don’t configure it. You will still need to configure plugins for it such as PostCSS and Babel but...
Parcel vs webpack - Jakob Lind
Webpack is the stable choice. You will not get fired for picking webpack. But you don’t get as much stuff for free such as optimized bundles, and code splitting.

Do you know an article comparing Webpack to other products?
Suggest a link to a post with product alternatives.