const path = require("path");

[0] Fix | Delete

const CssMinimizerPlugin = require("css-minimizer-webpack-plugin");

[1] Fix | Delete

const MiniCssExtractPlugin = require("mini-css-extract-plugin");

[2] Fix | Delete

const TerserPlugin = require("terser-webpack-plugin");

[3] Fix | Delete

const { VueLoaderPlugin } = require("vue-loader");

[4] Fix | Delete

const webpack = require("webpack");

[5] Fix | Delete

[6] Fix | Delete

module.exports = {

[7] Fix | Delete

entry: `./vue-frontend/src/main.ts`,

[8] Fix | Delete

output: {

[9] Fix | Delete

path: path.resolve(__dirname, "./vue-frontend/dist/"),

[10] Fix | Delete

filename: "[name].js",

[11] Fix | Delete

},

[12] Fix | Delete

module: {

[13] Fix | Delete

rules: [

[14] Fix | Delete

{

[15] Fix | Delete

test: /\.vue$/,

[16] Fix | Delete

loader: "vue-loader",

[17] Fix | Delete

options: {

[18] Fix | Delete

compilerOptions: {

[19] Fix | Delete

isCustomElement: (tag) => tag.startsWith("hp-"),

[20] Fix | Delete

},

[21] Fix | Delete

},

[22] Fix | Delete

},

[23] Fix | Delete

{

[24] Fix | Delete

test: /\.ts$/,

[25] Fix | Delete

loader: "ts-loader",

[26] Fix | Delete

options: {

[27] Fix | Delete

appendTsSuffixTo: [/\.vue$/],

[28] Fix | Delete

transpileOnly: true,

[29] Fix | Delete

configFile: path.resolve(__dirname, 'vue-frontend/tsconfig.json')

[30] Fix | Delete

},

[31] Fix | Delete

exclude: /node_modules/,

[32] Fix | Delete

},

[33] Fix | Delete

{

[34] Fix | Delete

test: /\.s?[c]ss$/i,

[35] Fix | Delete

use: [MiniCssExtractPlugin.loader, "css-loader", "sass-loader"],

[36] Fix | Delete

},

[37] Fix | Delete

{

[38] Fix | Delete

test: /\.(jpg|jpeg|png|gif|woff|woff2|eot|ttf|svg)$/i,

[39] Fix | Delete

use: "url-loader?limit=2048",

[40] Fix | Delete

},

[41] Fix | Delete

],

[42] Fix | Delete

},

[43] Fix | Delete

optimization: {

[44] Fix | Delete

minimizer: [

[45] Fix | Delete

new CssMinimizerPlugin(),

[46] Fix | Delete

new TerserPlugin({

[47] Fix | Delete

terserOptions: {

[48] Fix | Delete

compress: {

[49] Fix | Delete

drop_console: true,

[50] Fix | Delete

},

[51] Fix | Delete

},

[52] Fix | Delete

}),

[53] Fix | Delete

],

[54] Fix | Delete

},

[55] Fix | Delete

plugins: [

[56] Fix | Delete

new VueLoaderPlugin(),

[57] Fix | Delete

new MiniCssExtractPlugin({

[58] Fix | Delete

filename: "[name].css",

[59] Fix | Delete

}),

[60] Fix | Delete

// new webpack.HotModuleReplacementPlugin(),

[61] Fix | Delete

new webpack.DefinePlugin({

[62] Fix | Delete

__VUE_OPTIONS_API__: true,

[63] Fix | Delete

__VUE_PROD_DEVTOOLS__: false,

[64] Fix | Delete

__VUE_PROD_HYDRATION_MISMATCH_DETAILS__: false,

[65] Fix | Delete

}),

[66] Fix | Delete

],

[67] Fix | Delete

resolve: {

[68] Fix | Delete

extensions: [".ts", ".tsx", ".js", ".vue"],

[69] Fix | Delete

alias: {

[70] Fix | Delete

"@": path.resolve(__dirname, "vue-frontend/src/"),

[71] Fix | Delete

"@vue-frontend": path.resolve(__dirname, "vue-frontend/"),

[72] Fix | Delete

},

[73] Fix | Delete

},

[74] Fix | Delete

};

[75] Fix | Delete

[76] Fix | Delete