Почему webpack не отображает ошибки в компоненте Vue?

Question

[Leopandro]

Есть проект на старом Laravel Mix + webpack. Он работает почти идеально, но во время дебага ошибки показываются из сгенерированного файла а не из исходных компонентов. Как сделать так чтобы этого не было?

const mix = require('laravel-mix');
const MomentLocalesPlugin = require('moment-locales-webpack-plugin');
const { CleanWebpackPlugin } = require('clean-webpack-plugin');


mix.js('resources/src/main.js', 'public')
	.js('resources/src/login.js', 'public')
    	.vue();

mix.webpackConfig({
        resolve: {
          alias: {
            '@': __dirname + '/resources/src',
          }
        },
        optimization: {
            minimize: false
        },
        output: {

            filename:'js/[name].min.js',
            chunkFilename: 'js/bundle/[name].[hash].js',
          },
        plugins: [
            new MomentLocalesPlugin(),
            new CleanWebpackPlugin({
                cleanOnceBeforeBuildPatterns: ['./js/*']
              }),
        ]
    });

Answer 1

[Сергей delphinpro]

Может сорс-карты включить? https://laravel-mix.com/docs/6.0/api

.sourceMaps(generateForProduction?, devType?, productionType?)
Generate JavaScript source maps.

mix.js('src/file.js', 'dist/file.js').sourceMaps();