STARLIGHT_FE/next.config.ts at develop · StartUpLight/STARLIGHT_FE · 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
/** @type {import('next').NextConfig} */
const nextConfig = {
  images: {
    remotePatterns: [
      {
        hostname: 'kr.object.ncloudstorage.com',
        pathname: '/**',
      },
      {
        hostname: 'starlight-s3.kr.object.ncloudstorage.com',
        pathname: '/**',
      },
      {
        hostname: 'k.kakaocdn.net',
        pathname: '/**',
      },
      {
        hostname: 'img1.kakaocdn.net',
        pathname: '/**',
      },
    ],
    qualities: [60, 75, 90, 100],
  },

  turbopack: {
    rules: {
      '*.svg': {
        loaders: ['@svgr/webpack'],
        as: '*.js',
      },
    },
  },

  webpack(config: any) {
    const assetRule = config.module.rules.find((r: any) =>
      r?.test?.test?.('.svg')
    );
    if (assetRule) {
      assetRule.exclude = /\.svg$/i;
    }

    config.module.rules.push({
      test: /\.svg$/i,
      issuer: /\.[jt]sx?$/,
      use: [
        {
          loader: '@svgr/webpack',
          options: {
            svgo: true,
            svgoConfig: {
              plugins: [
                {
                  name: 'preset-default',
                  params: { overrides: { removeViewBox: false } },
                },
              ],
            },
            dimensions: false,
          },
        },
      ],
    });

    return config;
  },
};

export default nextConfig;