Почему сгенерированный js в одну строку?

Question

[antanol]

Начала изучать вебпак по скринкасту из learnjs
Имею стандартный конфиг:

var path = require('path');

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

В видосе красивенький многострочный bundle.js, у меня же всё в одну единственную строку:


Подскажите, как настроить конфиг, чтобы был нормальный многострочный вывод :(

Answer 1

[antanol]

Увидела кнопку pretty-print в консоли, всем спасибо

Comments

[Александр]

для справочки, это именно то что я тебе ответил

[antanol]

в видосе, скорее всего, использовалось расширение для ide, которое представляет однострочный код в код с отступами и переносами.

Но тебе этого не нужно. Этот файл вообще трогать не нужно.

Слово в слово, чувак. Так и написано, вау. Пожалуйста, перестаньте выливать на меня свою желчь.
Навыки коммуникации важны для таких жалких смердов как я, знаете ли.

И да, сложно делать что-то так впервые блин что-то собирая, вау, потрясающее наблюдение. Вы, наверно, как родились сразу встали и пошли. А чего рассусоливать?

Answer 2

[Александр]

Во-первых, зачем? Этот код не сделан для того что бы его читать, он для выполнения компьютером. Этот код называется минифицированным, что сокращает размер файлов.
Во-вторых, в видосе, скорее всего, использовалось расширение для ide, которое представляет однострочный код в код с отступами и переносами.

Но тебе этого не нужно. Этот файл вообще трогать не нужно.

Comments

[antanol]

Я прекрасно осведомлена и о минимизации, и о том, что bundle вот таким как есть добавляется.
Я не собираюсь его менять. Мне нужно просто увидеть, в какой строке он сейчас выдаёт ошибку, если весь код он при этом выполняет.
Мне не хватает обозначения "ошибка в строке 1" + подчеркивания красным кода, которых при отдельных запросах в консоль показывает, что все классы есть, и что в класслисте нет ошибки.
Поэтому я хочу разбить на разные строки, посмотреть, и вернуть как было хд

у меня несколько файлов, поэтому просто вырубить вебпэк и подключить main.js не вариант, вот и всё.

[Александр]

antanol, если ты, моя дорогая, при откладке лезешь смотреть ошибки в минифицированные файлы, ты делаешь что-то не так

В видосе красивенький многострочный bundle.js, у меня же всё в одну единственную строку:

Я прекрасно осведомлена и о минимизации, и о том, что bundle вот таким как есть добавляется.

Answer 3

[alex4answ]

В этом же скринкасте есть объяснение что такое sourceMap и как его настраивать

Comments

[antanol]

Да, и я попробовала разные варианты, но ничего не изменилось :(
Сейчас переберу все, видимо, эх :(