Как получить сопоставление источников для работы с инструментами разработчика Chrome и веб-пакетом?

Я использую webpack-dev-server -d --inline для обслуживания моего файла dist / app.js, созданного с помощью webpack. Я активировал сопоставление источников, и он создает файл app.js.map в моей папке dist / вместе с //# sourceMappingURL=app.js.map в конце файла, но Chrome devtools, похоже, не использует сопоставление источников.

Я подумал, что, возможно, проблема заключалась в том, что Chrome не мог видеть необработанные исходные файлы (поскольку только папка dist / обслуживается webpack-dev-server), поэтому я попытался сопоставить обслуживаемый файл с локальным файлом в dev инструменты.

К сожалению, затем я получаю «несоответствие сопоставления рабочей области», я не уверен, почему файл будет другим, и не уверен, что это решит проблему сопоставления источника, даже если файлы действительно совпадают.

Буду признателен за любую помощь.


webpack javascript google-chrome-devtools webpack-dev-server source-maps
person sanity    schedule 07.11.2015    source источник
comment
вы можете открыть файл карты напрямую через браузер?   -  person abhirathore2006    schedule 27.10.2016

Ответы (1)


arrow_upward
0
arrow_downward

Настройка publicPath помогла мне. В вашем случае вы можете попытаться указать тот же путь к вашему объединенному выводу.

webpack.config.js

var path = require("path");
module.exports = {
  entry: './main.js',
  output: {
    path: path.resolve(__dirname, 'dist'),
    publicPath: '/dist/',
    filename: 'app.js'
  }
};
person dreyescat    schedule 11.11.2015