Webchat/webpack.config.js at main · mam-dev/Webchat · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
const path = require("path");

module.exports = {
	mode: "development",
	entry: ["./src/webchat-embed/index.tsx"],
	output: {
		path: path.resolve(__dirname, "dist"),
		filename: "webchat.js",
	},
	resolve: {
		extensions: [".ts", ".tsx", ".js", ".json"],
	},
	node: {},
	// devtool: 'source-map',
	module: {
		rules: [
			{
				// Include sound files for message notification sound
				test: /\.(mp3)$/i,
				use: [{ loader: "url-loader" }],
			},
			{
				// Include ts, tsx, js, and jsx files.
				test: /\.(ts|js)x?$/,
				loader: "babel-loader",
				options: {
					presets: ["@babel/typescript", "@babel/preset-react"],
					compact: false,
				},
			},
			{
				test: /\.css$/,
				use: ["style-loader", "css-loader"],
			},
			{
				test: /\.svg$/,
				exclude: /node_modules/,
				use: {
					loader: "@svgr/webpack",
					options: {
						titleProp: true,
						svgoConfig: {
							plugins: [
								{
									name: "preset-default",
									params: {
										overrides: {
											removeViewBox: false,
										},
									},
								},
							],
						},
					},
				},
			},
		],
	},
	devServer: {
		port: 8787,
	},
	plugins: [],
};