1. 12
    Create Separate webpack Configs for Development and Production with webpack-merge
    4m 25s

Create Separate webpack Configs for Development and Production with webpack-merge

InstructorAndy Van Slaars

Share this video with your friends

Send Tweet

The development and production modes in webpack optimize the output in different ways. In development mode, the focus is on faster builds and a better developer experience. In production mode, the focus is on highly optimized bundles, leading to a better user experience. The good news is, we can have both. In this lesson, we'll separate our webpack config into two configurations and update our scripts to run the right config for our needs.

Sunira
Sunira
~ 7 months ago

I had issues trying to use merge the way it was referenced. Instead of

const merge = require('webpack-merge')

I had to use

const { merge } = require('webpack-merge');

to avoid the 'merge is not a function' error.

jjmountain
jjmountain
~ 2 months ago

I had the same issue as Sunira and her suggestion resolved it