Why generated js in one line?

Question

webpack

I started to study webpack by screencast from learnjs
I have a standard config:

var path = require('path');

module.exports = {
  entry: './src/scripts/main.js',
  output: {
    filename: 'bundle.js'
  }
};

There is a beautiful multi-line bundle.js in the video, but I have everything in one single line: Tell me


how to set up the config so that there is a normal multi-line output :(

Answer 1

I saw the pretty-print button in the console, thanks everyone

Answer 2

First, why? This code is not made to be read, it is to be executed by the computer. This code is called minified, which reduces the file size.
Secondly, the video most likely used an extension for ide, which represents a one-line code in a code with indents and hyphens.
But you don't need it. This file does not need to be touched at all.

Answer 3

In the same screencast there is an explanation of what sourceMap is and how to configure it