New 3

Question 1

Webpack itself only understands

Answer 1

JavaScript files

Question 2

Teach Webpack to transform non-JavaScript file into their JavaScript equivalents with

Answer 2

loaders

Question 3

Webpack is a popular

Answer 3

module bundler

Question 4

a module bundler is

Answer 4

a tool for bundling source code in convenient chunks and for loading that code from a server into a browser

Question 5

A bundle is a JavaScript file that incorporates

Answer 5

assets that belong together and should be served to the client in a response to a single file request

Question 6

A bundle can include

Answer 6

JavaScript, CSS styles, HTML, and almost any other kind of file

Question 7

Webpack roams over

Answer 7

your application source code, looking for import statements, building a dependency graph, and emitting one or more bundles

Question 8

With plugins and rules, Webpack can

Answer 8

preprocess and minify different non-JavaScript files such as TypeScript, SASS, and LESS files

Question 9

What are entry files?

Answer 9

You supply Webpack with one or more entry files and let it find and incorporate the dependencies that radiate from those entries

Question 10

For webpack output, it’s preferable to separate ___ from ___

Answer 10

the volatile application app code from comparatively stable vendor code modules

Question 11

To tell Webpack what belongs in the vendor bundle

Answer 11

add a vendor.ts file that only imports the application’s third-party modules

Question 12

To reference a CSS include from TS

Answer 12

import ‘uiframework/dist/uiframework.css’;

Question 13

How to chain two loaders together

Answer 13

loaders: ‘style-loader!css-loader’

Question 14

You’ll need ___ to run an Angular application in most browsers as explained in ___

Answer 14

polyfills / the Browser Support guide

Question 15

Polyfills should be bundled separately from

Answer 15

the application and vendor bundles

Question 16

Enable TypeScript webpack loader

Answer 16

npm install ts-loader

Question 17

most import statements don’t mention the extension at all. Tell Webpack to resolve extension-less file requests by looking for matching files with .ts extension or .js extension

Answer 17

resolve: {
extensions: [‘.ts’, ‘.js’]
}