У нас есть проект Vue.Мы делаем две производственные сборки: одну для нашей внутренней команды и одну для живой версии.Живая версия есть "живая".префикс для всех файлов.
Я использую плагин webpack для загрузки исходных карт.(Я также вижу исходные карты - как живые, так и разработанные - в разделе артефактов - не знаю, относится ли это к делу)
Проблема заключается в том, что проблемы показывают правильный код на основе исходной карты, который генерирует ошибку.только для вопросов, связанных с версией разработчика.Проблемы, возникающие в живой версии, показывают минимизированный код.
Возможно, я что-то делаю не так, но я действительно не знаю, что и как делать, и документы не помогают устранить путаницу.
Это мой конфиг веб-пакета
var prefix = (process.env.VUE_APP_SENTRY_ENV == "live") ? "live." : ""
config.css.sourceMap = false
config.css.extract = {
filename: prefix + 'spa-app.css',
chunkFilename: prefix + 'spa-vendors.css'
}
config.chainWebpack = config => {
config.output.chunkFilename(prefix + 'spa-vendors.js')
config.output.filename(prefix + 'spa-app.js')
}
config.configureWebpack.plugins = [
new SentryWebpackPlugin({
release: version,
include: 'dist',
ignoreFile: '.sentrycliignore',
ignore: ['node_modules', 'webpack.config.js'],
configFile: 'sentry.properties'
})
]
и в моем main.js у меня есть
Sentry.init({
dsn: 'my dsn',
release: version,
environment: process.env.VUE_APP_SENTRY_ENV,
integrations: [new Sentry.Integrations.Vue({
Vue,
attachProps: true
})]
})