MEAN Cookbook

How to do it...

Let's follow these steps to create a custom WebPack configuration for building our Express application:

1. First, we will create a new webpack.config.js WebPack configuration file in the root of our application. This file will contain all the configuration needed to tell WebPack how to load and bundle our application files. Since our application uses a mixture of JavaScript and TypeScript files, we will need to provide the ts-loader TypeScript loader to transpile those files:

const path = require('path');module.exports = {  devtool: 'source-map',  entry: path.resolve(__dirname, 'src/index.ts'),  output: {    path: path.resolve(__dirname, 'dist'),    filename: 'express.bundle.js'  },  resolve: {    extensions: ['.ts', '.tsx', '.js']  },