rsmv/webpack.config.web.js at master · skillbert/rsmv · 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
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
const path = require('path');
const CopyWebpackPlugin = require('copy-webpack-plugin');
const { ProvidePlugin, HotModuleReplacementPlugin } = require('webpack');

/**
 * @param {Record<string,string>} env
 * @returns {import("webpack").Configuration}
 */
module.exports = (env) => {
	const isDevServer = !!env?.WEBPACK_SERVE;
	return {
		devtool: false,
		mode: "development",
		entry: {
			webviewer: {
				import: "./src/viewer/",
				library: {
					type: "umd",
					name: { root: "RSMV", amd: "rsmv", commonjs: "rsmv" }
				}
			},
			webapi: {
				import: "./src/headless/api.ts",
				library: {
					type: "umd",
					name: { root: "RSMVApi", amd: "rsmv-api", commonjs: "rsmv-api" }
				}
			}
		},
		module: {
			rules: [
				{
					test: /\.tsx?$/,
					use: {
						loader: 'swc-loader',
						options: {
							env: {
								targets: "last 5 chrome versions",
							},
							jsc: {
								parser: {
									syntax: 'typescript',
									tsx: true,
									decorators: true
								},
								transform: {
									react: {
										runtime: 'automatic'
									}
								}
							}
						}
					}
				},
				{
					test: /\.jsonc?$/,
					type: "asset/source"
				},
				{
					test: /\.glsl(\.c)?$/,
					type: "asset/source"
				}
			],
		},
		target: "web",
		devServer: {
			static: "./dist",
			hot: false,
			// hot: true,
			port: 8081,
			client: false
		},
		resolve: {
			extensions: ['.tsx', '.ts', '.js'],
			alias: {
				fs: false,
				path: false,
				crypto: false,
				sharp: false,
				net: false,
				sqlite3: false,
				process: require.resolve('process/browser'),
				"electron/renderer": false
			},
			fallback: {
				buffer: require.resolve('buffer/'),//weird slash needed to import npm buffer instead of node buffer
				zlib: require.resolve('browserify-zlib'),
				util: require.resolve('util/'),
				assert: require.resolve('assert/'),
				stream: require.resolve('stream-browserify'),
			}
		},
		output: {
			filename: "[name].js",
			chunkFilename: isDevServer ? "generated/[name].js" : "generated/[contenthash].js",
			assetModuleFilename: isDevServer ? "generated/[name][ext]" : "generated/[contenthash][ext]",
			webassemblyModuleFilename: isDevServer ? "generated/[name][ext]" : "generated/[contenthash][ext]",
			path: path.resolve(__dirname, 'dist')
		},
		plugins: [
			new CopyWebpackPlugin({
				patterns: [
					{ from: 'src/assets', to: "assets" }
				]
			}),
			new ProvidePlugin({
				Buffer: ['buffer', 'Buffer'],
				process: [require.resolve('process/browser')]
			})
		]
	};
};