Fix: debug source code issues with .vue files (#1154)

webpack.config.js

@@ -3,8 +3,8 @@ const webpack = require('webpack');
 const CopyPlugin = require('copy-webpack-plugin');
 const HtmlWebpackPlugin = require('html-webpack-plugin');
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
-const TerserPlugin = require('terser-webpack-plugin');
 const { VueLoaderPlugin } = require('vue-loader');
+const { EsbuildPlugin } = require('esbuild-loader');
 
 module.exports = {
     entry: {
@@ -46,6 +46,16 @@ module.exports = {
                 test: /\.vue$/,
                 loader: 'vue-loader'
             },
+            {
+                test: /\.[jt]sx?$/,
+                exclude: /node_modules/,
+                loader: 'esbuild-loader',
+                options: {
+                    loader: 'js',
+                    target: 'esnext',
+                    legalComments: 'inline'
+                }
+            },
             {
                 test: /\.pug$/,
                 use: [{ loader: 'raw-loader' }, { loader: 'pug-plain-loader' }]
@@ -113,11 +123,8 @@ module.exports = {
     ],
     optimization: {
         minimizer: [
-            new TerserPlugin({
-                extractComments: false,
-                terserOptions: {
-                    ecma: 2020
-                }
+            new EsbuildPlugin({
+                target: 'es2020'
             })
         ]
     },