JavaScript Masterclass - Zero to Job-Ready with Hands-On Projects - Loaders

What is the primary function of loaders in Webpack?

• To manage dependencies

• To process and transform files

• To compile JavaScript code

• To optimize bundle size

Why do we need to reinstall Babel in a new project?

• Because old node modules are deleted

• To update to the latest version

• To configure new presets

• To ensure compatibility with Webpack

Which command is used to install Babel core?

• npm install babel-core

• npm install @babel/core

• npm install babel-cli

• npm install @babel/cli

What is the purpose of the Babel configuration file?

• To specify the entry point

• To define output settings

• To configure presets for code transformation

• To manage dependencies

Which Babel preset is mentioned for configuration?

• @babel/preset-flow

• @babel/preset-react

• @babel/preset-env

• @babel/preset-typescript

What is the first step in adding a loader in Webpack?

• Define the output point

• Set up the entry point

• Add rules for file transformation

• Install the loader

Which file type is targeted by the Babel loader in the example?

• .html

• .js

• .svg

• .css

What common error is discussed in the troubleshooting section?

• File not found error

• Missing module error

• Syntax error in JavaScript

• Unknown option of preset

How can you resolve a preset-related error in Babel?

• Clear the cache

• Update the spelling from preset to presets

• Reinstall Babel

• Restart the development server

What is suggested to automatically update the bundle on file changes?

• Use a file watcher

• Manually rebuild the bundle

• Restart the server

• Clear the cache