При компиляции vue отдельных файловых компонентов с webpack / vue-loader, которые содержат простой CSS / JS / HTML, я получаю две исходные карты: bundle.css.map и bundle.js.map (я использую MiniCssExtractPlugin для выделения CSS),Оба исходных файла JS / CSS исходят из одного и того же файла VUE с одинаковыми значениями пути, например
// bundle.css.map
{"version": 3, "sources": ["webpack:///header.vue", ...}
После добавления рабочей области в Chrome DevTools, когда я щелкаю по файлу Vue из ссылки на консоль JavaScript, яуспешно перенаправлен в сопоставленный файл header.vue:
Но теперь, когда япопробуйте получить доступ к файлу vue из декларации CSS на панели стилей, я безуспешно перенаправлен на несвязанный источник файла:
Репозиторий, высмеивающий проблему: https://github.com/Boycce/devtools-issue
# whatamigonnado