Webpack 4 - Sourcemaps

в этой статье webpack 4: режим и оптимизации кажется, предполагает, что когда mode установлено значение development на devtool установлено значение eval.

Я ожидал, что это вызовет генерацию sourcemap, но запуск webpack-4-быстрый старт либо development или production режиме в не sourcemaps генерируется.

как создать исходные карты с помощью webpack 4?

9
webpack webpack-4

2 ответов

Я думаю, что вы ожидаете извлеченный файл включая исходные карты, такие как " bundle.js.карте, но eval type не создает отдельный файл:

eval - каждый модуль выполняется с помощью eval () и / / @ sourceURL. Это довольно быстрый. Основным недостатком является то, что он не отображает линии числа правильно, так как он сопоставляется с транспилированным кодом вместо исходный код (нет исходных карт от загрузчиков).

но вы можете всегда делайте это вручную, настраивая devtool свойства:

devtool: 'source-map'

который будет извлекать исходные карты в файл. здесь описаны типы sourcemaps вместе с их издержками и выгодами.

EDIT:

на самом деле есть проблема на github с PR, связанным с этим. Прямо сейчас UglifyJS плагин установил sourceMap: false даже в производственном режиме, и это не позволяет извлекать исходные карты для разделения файла даже с devtool set.

11

самая простая настройка-добавить devtool: 'sourcemaps' как и раньше.

module.exports = {
  devtool: 'source-map',
  ...
};

но это генерирует исходные карты как для development или production режим.

1