vue.config.js

const webpack = require("webpack");

module.exports = {
	publicPath: "/openWB/web/settings/",
	css: {
		sourceMap: true,
	},
	devServer: {
		webSocketServer: {
			options: {
				// change default path "/ws" to avoid collision
				// with openWB websocket for mqtt
				path: "/devserver",
			},
		},
		proxy: {
			"^/ws": {
				target: "ws://localhost:9001",
				ws: true,
			},
		},
	},
	configureWebpack: {
		resolve: {
			fallback: {
				buffer: require.resolve("buffer/"),
				process: require.resolve("process/browser"),
				url: require.resolve("url/"),
				crypto: require.resolve("crypto-browserify"),
				stream: require.resolve("stream-browserify"),
			},
		},
		plugins: [
			new webpack.ProvidePlugin({
				Buffer: ["buffer", "Buffer"],
				process: "process/browser",
				url: "url/",
			}),
		],
		output: {
			filename: process.env.VUE_CLI_MODERN_BUILD
				? "js/[name]-esm.[contenthash:8].js"
				: "js/[name].[contenthash:8].js",
			chunkFilename: process.env.VUE_CLI_MODERN_BUILD
				? "js/[name]-esm.[contenthash:8].js"
				: "js/[name].[contenthash:8].js",
		},
	},
};