Создание исходных карт из браузера с помощью grunt

Я выполнил следующие инструкции: https://www.npmjs.org/package/grunt-browserify, чтобы попытаться настроить исходные карты для браузера на grunt. Параметры для браузера в моем файле grunt:

browserify: {
            options: {
                bundleOptions : {
                    debug: true 
                }
            },
            dist: {
                files: {
                    "public/client.bundle.js": ["bundle.js"]
                }
            }
        }

Генерация bundle.js происходит без каких-либо проблем, однако генерация исходной карты не происходит. Что-то не так с моими вариантами браузера.

Спасибо, что посмотрели.

Ответ 1

используйте browserifyOptions вместо bundleOptions

browserify: {
   options: {
      browserifyOptions: {
         debug: true
      }
   },
   ...
}

Ответ 2

По умолчанию браузеру генерирует встроенные исходные карты в качестве комментария в bundle.js. Browserify README предлагает использовать exorcist, если вы хотите извлечь их в отдельный файл:

$ browserify main.js --debug | exorcist bundle.js.map > bundle.js

И grunt-extract-sourcemap откатывает это в задаче grunt