Mastering TypeScript 3 - Third Edition

Configuring webpack

As mentioned earlier, webpack is used to bundle TypeScript output with the React libraries and create a single combined JavaScript file that can be used in a browser. In order to do this, however, the compilation options for TypeScript in the tsconfig.json file, and the configuration of webpack in the webpack.config.js file, must be aligned. The easiest way to get this right is to use one of the handy configuration tools available on the internet. One such tool can be found at https://webpack.jakoblind.no, and provides a simple-to-use HTML page to configure some of the options available for webpack, as follows:

Here, we ...