eslint.org/webpack.config.js at main · eslint/eslint.org · 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
"use strict";

const path = require("node:path");
const webpack = require("webpack");
const NodePolyfillPlugin = require("node-polyfill-webpack-plugin");

/**
 * webpack configuration
 * @param {Record<string, any>} env
 * @param {Record<string, any>} argv
 * @returns {import("webpack").Configuration}
 * a valid webpack configuration for development and production mode
 */
module.exports = (env, { mode }) => ({
	entry: {
		playground: path.resolve(__dirname, "src/playground/index.jsx"),
	},
	output: {
		filename: "[name].js",
		path:
			mode === "development"
				? path.resolve(__dirname, "src/assets/js")
				: path.resolve(__dirname, "_site/assets/js"),
	},
	cache: {
		type: "filesystem",
		buildDependencies: {
			config: [__filename],
		},
	},
	resolve: {
		extensions: [".js", ".jsx"],
		mainFields: ["browser", "main", "module"],
		fallback: {
			fs: false,
		},
	},
	plugins: [
		new webpack.NormalModuleReplacementPlugin(/^node:/u, resource => {
			resource.request = resource.request.replace(/^node:/u, "");
		}),
		new NodePolyfillPlugin({
			additionalAliases: ["process"],
		}),
		new webpack.DefinePlugin({
			"process.versions": JSON.stringify({ node: "16.0.0" }),
		}),
	],
	...(mode === "development" ? { devtool: "source-map" } : {}),
	module: {
		rules: [
			{
				test: /\.jsx?$/u,
				loader: "babel-loader",
				include: path.resolve(__dirname, "src/playground"),
				exclude: /node_modules/u,
				options: {
					plugins: ["babel-plugin-react-compiler"],
					presets: [
						"@babel/preset-env",
						[
							"@babel/preset-react",
							{
								runtime: "automatic",
							},
						],
					],
				},
				resolve: {
					fullySpecified: false,
				},
			},
			{
				test: /\.scss$/u,
				use: [
					{
						loader: "style-loader",
					},
					{
						loader: "css-loader",
					},
					{
						loader: "sass-loader",
					},
				],
			},
		],
	},
	stats: "normal",
});