Configuracion de Webpack

Buenas,

Estoy picando diferentes proyectos en VueJS (con TS), y me encuentro siempre con el mismo problema a la hora de hacer debugger, y es que me encuentro para un mismo archivo varios archivos. Es decir, para App.vue, me encuentro 8 diferentes con un código Hexadecimal: App.vue?xxxx. La verdad, que es un engorro empezar a abrir cada archivo para dar con el correcto. Miro siempre dentro de la carpeta webpack de las developer tools.

He modificado algo la configuración de webpack por necesidades, y os dejo por si hubiera algo mal:


module.exports = {
  transpileDependencies: ["vuetify"],
  devServer: {
    progress: false
  },
  configureWebpack: {
    devtool: process.env.NODE_ENV == "development" ? "eval-cheap-module-source-map" :  false
  },
  chainWebpack: config => {
    // GraphQL Loader
    config.module
      .rule("graphql")
      .test(/\.(graphql|gql)$/)
      .use("graphql-tag/loader")
      .loader("graphql-tag/loader")
      .end();
  }
};

Muchas gracias!