SourceMapが欲しい

webpack.mix.js

@@ -1,5 +1,6 @@
+// eslint-disable-next-line @typescript-eslint/no-var-requires
 const mix = require('laravel-mix');
-require('laravel-mix-bundle-analyzer')
+require('laravel-mix-bundle-analyzer');
 
 /*
  |--------------------------------------------------------------------------
@@ -22,17 +23,23 @@ mix.ts('resources/assets/js/app.ts', 'public/js')
     .ts('resources/assets/js/checkin.ts', 'public/js')
     .sass('resources/assets/sass/app.scss', 'public/css')
     .autoload({
-        'jquery': ['$', 'jQuery', 'window.jQuery']
+        jquery: ['$', 'jQuery', 'window.jQuery'],
     })
     .extract(['jquery', 'bootstrap'])
     .extract(['chart.js', 'chartjs-color', 'color-name', 'moment', 'cal-heatmap', 'd3'], 'public/js/vendor/chart')
     .version()
-    .webpackConfig(webpack => ({
+    .webpackConfig((_webpack) => ({
         externals: {
-            moment: 'moment'
-        }
+            moment: 'moment',
+        },
     }));
 
 if (process.argv.includes('-a')) {
     mix.bundleAnalyzer({ analyzerMode: 'static' });
 }
+
+if (!mix.inProduction()) {
+    mix.webpackConfig({
+        devtool: 'source-map',
+    });
+}