three-object-viewer/webpack.config.js at main · antpb/three-object-viewer · 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
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
const defaultConfig = require("@wordpress/scripts/config/webpack.config");
const path = require("path");
const isProduction = "production" === process.env.NODE_ENV;
const { entryPoints } = require("./pluginMachine.json");
const isPro = process.env.ISPRO === 'true';

const entry = {};
if (entryPoints.hasOwnProperty("blocks")) {
	entryPoints.blocks.forEach((entryPoint) => {
		entry[`block-${entryPoint}`] = path.resolve(
			process.cwd(),
			`blocks/${entryPoint}/index.js`
		);
	});
}

if (isPro) {
	if (entryPoints.hasOwnProperty("proBlocks")) {
		entryPoints.proBlocks.forEach((entryPoint) => {
			entry[`block-${entryPoint}`] = path.resolve(
				process.cwd(),
				`pro/blocks/${entryPoint}/index.js`
			);
		});
	}
}

if (entryPoints.hasOwnProperty("adminPages")) {
	entryPoints.adminPages.forEach((entryPoint) => {
		entry[`admin-page-${entryPoint}`] = path.resolve(
			process.cwd(),
			`admin/${entryPoint}/index.js`
		);
	});
}

if (isPro) {
	if (entryPoints.hasOwnProperty("proAdminPages")) {
		entryPoints.proAdminPages.forEach((entryPoint) => {
			entry[`admin-page-${entryPoint}`] = path.resolve(
				process.cwd(),
				`pro/admin/${entryPoint}/index.js`
			);
		});
	}
}

entry[`./assets/js/blocks.frontend`] = "./blocks/three-object-block/frontend.js";

entry[`./assets/js/blocks.frontend-versepress`] = "./blocks/environment/frontend.js";

if (isPro) {
    entry[`./assets/js/blocks.three-mirror-block`] = "./pro/blocks/three-mirror-block/three-mirror-block-front.js";
}

module.exports = {
	mode: isProduction ? "production" : "development",
	...defaultConfig,
	module: {
		...defaultConfig.module,

		rules: [
			...defaultConfig.module.rules,
			{
				test: /\.js$/,
				exclude: /node_modules/,
				use: 'babel-loader'
			},
			{
				test: /\.css$/,
				use: ["style-loader", "sass-loader", "css-loader"]
			},
			{
				test: /\.glsl$/,
				include: [path.resolve(__dirname, "node_modules/three-icosa")],
				use: "webpack-glsl"
			},
			{
				test: /\.js$/,
				include: [path.resolve(__dirname, "node_modules/three-icosa")],
				use: "babel-loader"
			},
			{
				test: /\.vrm$/,
				use: [
					{
						loader: "file-loader"
					}
				]
			},
			{
				test: /\.glb$/,
				use: [
					{
						loader: "file-loader"
					}
				]
			},
			{
				test: /\.fbx$/,
				use: [
					{
						loader: "file-loader"
					}
				]
			}
		]
	},
	entry,
	output: {
		filename: "[name].js",
		path: path.join(__dirname, "./build")
	},
	externals: {
		react: "React",
		"react-dom": "ReactDOM",
	},
	resolve: {
		modules: ['node_modules'],
		extensions: ['.js', '.jsx', '.json', '.ts', '.tsx'],
		alias: {
			Brushes: path.resolve(__dirname, "brushes"),
			'@magickml/editor': path.resolve(__dirname, 'node_modules/@magickml/editor'),
			'draco-decoder': path.resolve(__dirname, 'node_modules/draco3d/')
		}
	}
};