6 ways to configure Webpack

JS Build Tools Web Application Bundler Front End Package Manager

Webpack Landing Page
1

Webpack

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.
Pricing:
- Open Source
Webpack is a build tool to make code, which was not primarily written for execution in browsers, executable in web browsers. With special plugins, webpack can manage many types of code, for example JavaScript, TypeScript, and Rust-generated WebAssembly.

#Web Application Bundler #JS Build Tools #Module Bundler 219 social mentions
Gulp.js Landing Page
2

Gulp.js

Automate and enhance your workflow
Pricing:
- Open Source
There are webpack plugins to also compile, minify, shim, chunk, and bundle code. However, webpack was not designed to execute tasks such as linting, building, or testing your app. For this purpose, there are task runners such as Grunt, Gulp or npx.

#Web Application Bundler #JS Build Tools #Module Bundler 25 social mentions
Grunt Landing Page
3

Grunt

The Grunt ecosystem is huge and it's growing every day.
Pricing:
- Open Source
There are webpack plugins to also compile, minify, shim, chunk, and bundle code. However, webpack was not designed to execute tasks such as linting, building, or testing your app. For this purpose, there are task runners such as Grunt, Gulp or npx.

#JS Build Tools #Front End Package Manager #Web Application Bundler 14 social mentions
Babel Landing Page
4

Babel

Babel is a compiler for writing next generation JavaScript.
Pricing:
- Open Source
☝️ Because the exemplary webpack configuration loads Babel, we can still point to a JavaScript entry file as Babel makes it possible to use JavaScript and TypeScript code simultaneously.

#Development Tools #Javascript UI Libraries #JavaScript Framework 134 social mentions