React uses a tool called which transforms the directories and files into static assets?

React uses a tool called which transforms the directories and files into static assets?

• A. Webpack
• B. Babel
• C. Rollup
• D. Parcel

Answer: (A)

Bundling and transforming your app’s modules into static assets is what a web bundler does in a React project. Webpack reads the project directory, resolves all dependencies across JavaScript, CSS, images, and other files, and outputs static bundles (like bundle.js) plus any assets the browser needs to load. This is why React apps typically rely on Webpack to turn a messy directory structure into ready-to-serve files. Babel, by contrast, is a JavaScript compiler that translates newer syntax and JSX into backward-compatible JavaScript; it’s often used inside a bundler via loaders but doesn’t produce the final bundles by itself. Rollup is another bundler, commonly favored for libraries with a focus on small, efficient bundles, while Parcel is a zero-configuration bundler that can also handle this job. The description fits Webpack best because it specifically refers to generating static assets from the project’s files in a typical React workflow.

Bundling and transforming your app’s modules into static assets is what a web bundler does in a React project. Webpack reads the project directory, resolves all dependencies across JavaScript, CSS, images, and other files, and outputs static bundles (like bundle.js) plus any assets the browser needs to load. This is why React apps typically rely on Webpack to turn a messy directory structure into ready-to-serve files.

Babel, by contrast, is a JavaScript compiler that translates newer syntax and JSX into backward-compatible JavaScript; it’s often used inside a bundler via loaders but doesn’t produce the final bundles by itself. Rollup is another bundler, commonly favored for libraries with a focus on small, efficient bundles, while Parcel is a zero-configuration bundler that can also handle this job. The description fits Webpack best because it specifically refers to generating static assets from the project’s files in a typical React workflow.