Я экспериментировал с babel, используя плагин grunt-babel. Вот моя текущая конфигурация.Grunt Babel sourcemaps не найден в chrome dev-tools с дополнительной папкой
babel: {
options: {
sourceMap: true,
presets: ['es2015']
},
dist: {
files: {
'dist/assets/js/sql-query-builder.js': 'assets/js/sql-query-builder.js',
}
}
}
И вот моя структура каталогов, где расстояние папка содержит сгенерированные файлы, которые подаются на моем локальном хосте через хрюканье подключения.
- assets
- js
- files.js
- dist
- assets
- js
- files.js
При отладке кода на с console.log в браузере номера строк неверны из-за sourcemaps не забирали. Чтобы разрешить это, я сопоставил сетевой файл локальному ресурсу, подобному этому.
Мой первый вопрос я должен отобразить на/расстояние сгенерированные файлы или исходные файлы в/активы?
При выборе/dist и dev инструменты перезагружаются, я получаю следующие ошибки.
Source map http://localhost:9001/assets/js/sql-query-builder.js.map points to the files missing from the workspace: [http://localhost:9001/assets/js/sql-query-builder.js]
Означает ли это, что мне нужно обновить одну из следующих переменных параметров буфера для размещения файла dist?
sourceMapTarget
sourceFileName
sourceRoot
Я новичок в использовании исходников и babel, поэтому я предполагаю, что я совершаю ошибку новобранец где-то. Я хочу начать и исследовать ES2015 больше, но без отладки исходного кода основная головная боль.
Я прочитал о веб-пакете, браунирую и проглатываю так долгое время. Я переместлю шаги сборки к одному из этих инструментов, но в краткосрочной перспективе я хочу решить проблему с моей текущей настройкой.