webpack-intro

Question 1

What is Webpack?

Answer 1

It’s a tool that lets you bundle your JavaScript applications (supporting both ESM and CommonJS), and it can be extended to support many different assets such as images, fonts and stylesheets.

Webpack is a static module bundler for JavaScript applications — it takes all the code from your application and makes it usable in a web browser. Modules are reusable chunks of code built from your app’s JavaScript, node_modules, images, and the CSS styles which are packaged to be easily used in your website.

Question 2

How do you add a devDependency to a package?

Answer 2

npm install <package-name> --save-dev</package-name>

Dev dependencies are modules which are only required during development whereas dependencies are required at runtime. devDependencies are those packages in the package.json file that you need only for project development purposes. Example- Babel, Webpack, etc. You require these packages to test and run your project on the localhost.

Question 3

What is an NPM script?

Answer 3

“npm scripts” are the entries in the scripts field of the package.json file. The scripts field holds an object where you can specify various commands and scripts that you want to expose. These can be executed using the following command- npm run <script-name></script-name>

NPM scripts are used to automate tasks like minifying CSS, uglifying JavaScript, building project. NPM scripts are versatile and simple and by learning fewer tools, we can automate tasks in our web project.

Their goal is to provide a simple way to execute repetitive tasks