-
Notifications
You must be signed in to change notification settings - Fork 0
/
next.config.js
67 lines (61 loc) · 1.76 KB
/
next.config.js
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
const { createLoader } = require("simple-functional-loader")
const withBundleAnalyzer = require("@next/bundle-analyzer")({
enabled: false,
})
const withPlugins = require("next-compose-plugins")
const withMDX = require("@next/mdx")({
options: {
providerImportSource: "@mdx-js/react",
},
})
module.exports = withPlugins([withBundleAnalyzer, withMDX], {
reactStrictMode: true,
pageExtensions: ["ts", "tsx", "js", "jsx", "md", "mdx"],
images: {
loader: "custom",
},
webpack(config, options) {
config.module.rules.push({
test: /\.svg$/i,
use: [
options.defaultLoaders.babel,
createLoader(function (code) {
return code.replace(/"(.*?)(?<!\\)"/gs, (_, svg) =>
svg
.replace(/(aria-hidden=\\"[^]+?\\")/, "")
.replace(/(?<=xmlns=\\"[^]+?\\")/, 'aria-hidden="true"')
.replace(/>(\s|\\n)+</g, "><")
.replace(/\\n$/, "")
.replace(/\\"/g, '"')
.replace(
/(\s)([a-z-]+)="([^"]+)"/gi,
(_, prefix, attr, value) => {
const jsxValue = /^[0-9.]+$/.test(value)
? `{${value}}`
: `"${value}"`
return `${prefix}${attr.replace(
/-([a-z])/gi,
(_, letter) => `${letter.toUpperCase()}`
)}=${jsxValue}`
}
)
)
}),
"raw-loader",
],
})
config.module.rules.push({
test: /\.(png|jpe?g|gif|webp)$/i,
use: [
{
loader: "file-loader",
options: {
publicPath: "/_next",
name: "static/media/[name].[hash].[ext]",
},
},
],
})
return config
},
})