The latest articles on DEV Community by Mirza Hassan (@mirzahassan). https://dev.to/mirzahassan https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F690697%2F9010a17b-c70f-42ef-9abd-da214ac57663.png https://dev.to/mirzahassan en Mirza Hassan Sat, 21 Aug 2021 09:28:33 +0000 https://dev.to/mirzahassan/babel-vs-webpack-what-are-they-324a https://dev.to/mirzahassan/babel-vs-webpack-what-are-they-324a <h2> Babel </h2> <p>Babel is a transpiler (JS Compiler) that coverts our ES6, TypeScript, JSX code to plain JavaScript.</p> <p>We need Babel because most of the browsers are not capable of understanding fancy code written in ES6, TS, JSX.</p> <h2> Webpack </h2> <p>Webpack is a build or bundler tool. This build process consists of multiple tasks.</p> <p>Tasks may be transpiling, uglify, minimising and bundling of CSS and JS. And also responsible for resolving the dependencies.</p> <p>We specify these tasks in a configuration file and webpack uses multiple plugins to do these tasks. Babel is one of them.</p> react javascript webdev beginners