-
Notifications
You must be signed in to change notification settings - Fork 0
/
webpack.rules.ts
40 lines (39 loc) · 1005 Bytes
/
webpack.rules.ts
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
import type { ModuleOptions } from "webpack";
export const rules: Required<ModuleOptions>["rules"] = [
// Add support for native node modules
{
// We're specifying native_modules in the test because the asset relocator loader generates a
// "fake" .node file which is really a cjs file.
test: /native_modules[/\\].+\.node$/,
use: "node-loader",
},
{
test: /[/\\]node_modules[/\\].+\.(m?js|node)$/,
parser: { amd: false },
use: {
loader: "@vercel/webpack-asset-relocator-loader",
options: {
outputAssetBase: "native_modules",
},
},
},
{
test: /\.[jt]sx?$/,
loader: "esbuild-loader",
},
{
test: /\.(png|jpg|jpeg|gif|ico)$/i,
type: "asset/resource",
},
{
test: /\.svg$/i,
type: "asset/resource",
resourceQuery: /url/, // *.svg?url
},
{
test: /\.svg$/i,
issuer: /\.[jt]sx?$/i,
resourceQuery: { not: [/url/] }, // exclude react component if *.svg?url
use: ["@svgr/webpack"],
},
];