everest-forms/webpack.config.js at develop · themegrill/everest-forms · 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
/**
 * External dependencies
 */
const { resolve } = require('path');
const path = require('path');
const CopyPlugin = require('copy-webpack-plugin');
const WebpackBar = require('webpackbar');
const NODE_ENV = 'production';

const webpackConfig = {
	mode: NODE_ENV,
	entry: {
		dashboard: resolve(process.cwd(), './src/dashboard/index.js'),
		blocks: resolve(process.cwd(), './src/blocks/index.js'),
		divibuilder: resolve(process.cwd(), './src/divibuilder/index.jsx'),
		templates: resolve(process.cwd(), './src/templates/index.tsx'),
		rolesandpermission: resolve(
			process.cwd(),
			'./src/rolesandpermission/index.js',
		),
		dashboardHeader: resolve(
			process.cwd(),
			'./src/dashboard/header-standalone.js',
		),
		builderAI: resolve(process.cwd(), './src/builder-ai/index.tsx'),
		styleCustomizerV2: resolve(
			process.cwd(),
			'./src/style-customizer-v2/index.tsx',
		),
	},
	output: {
		path: resolve(process.cwd(), 'dist'),
		filename: '[name].min.js',
		libraryTarget: 'this',
	},
	devtool: NODE_ENV ? false : 'source-map',
	module: {
		rules: [
			{
				test: /\.(js|jsx|ts|tsx)$/,
				exclude: /node_modules/,
				use: {
					loader: 'babel-loader',
					options: {
						presets: [
							'@babel/preset-env',
							'@babel/preset-react',
							'@babel/preset-typescript',
						],
					},
				},
			},
			{
				test: /.scss$/,
				use: [
					'style-loader',
					'css-loader',
					{
						loader: 'sass-loader',
						options: {
							sassOptions: {
								charset: false,
							},
						},
					},
				],
			},
			{
				test: /\.(png|svg|jpg|jpeg|gif|webp)$/i,
				use: [
					{
						loader: 'file-loader',
					},
				],
			},
		],
	},
	plugins: [
		new WebpackBar(),
		new CopyPlugin({
			patterns: [
				{
					from: './src/blocks/**/block.json',
					to({ absoluteFilename }) {
						return path.resolve(
							__dirname,
							'dist',
							path.basename(path.dirname(absoluteFilename)),
							'block.json',
						);
					},
				},
			],
		}),
	],
	externals: {
		'@wordpress/blocks': ['wp', 'blocks'],
		'@wordpress/components': ['wp', 'components'],
		'@wordpress/block-editor': ['wp', 'blockEditor'],
		'@wordpress/server-side-render': ['wp', 'serverSideRender'],
		'@wordpress/hooks': ['wp', 'hooks'],
		react: ['React'],
	},
	resolve: {
		extensions: ['.js', '.jsx', '.ts', '.tsx'],
	},
	performance: {
		hints: false, // Suppress performance warnings
	},
};

if (webpackConfig.mode !== 'production') {
	webpackConfig.devtool = process.env.SOURCEMAP || 'source-map';
}

module.exports = webpackConfig;