2023-05-25 04:58:35 +00:00
|
|
|
const { withContentlayer } = require('next-contentlayer');
|
|
|
|
|
|
|
|
// Validate env on build // TODO: I wish we could do this so Vercel can warn us when we are wrong but it's too hard.
|
|
|
|
// import './src/env.mjs';
|
2023-05-21 13:11:03 +00:00
|
|
|
|
|
|
|
/** @type {import('next').NextConfig} */
|
|
|
|
const nextConfig = {
|
|
|
|
reactStrictMode: true,
|
|
|
|
swcMinify: true,
|
|
|
|
transpilePackages: ['@sd/ui'],
|
|
|
|
webpack(config) {
|
|
|
|
// Grab the existing rule that handles SVG imports
|
|
|
|
const fileLoaderRule = config.module.rules.find((rule) => rule.test?.test?.('.svg'));
|
|
|
|
|
|
|
|
config.module.rules.push(
|
|
|
|
// Reapply the existing rule, but only for svg imports ending in ?url
|
|
|
|
{
|
|
|
|
...fileLoaderRule,
|
|
|
|
test: /\.svg$/i,
|
|
|
|
resourceQuery: /url/ // *.svg?url
|
|
|
|
},
|
|
|
|
// Convert all other *.svg imports to React components so it's compatible with Vite's plugin.
|
|
|
|
{
|
|
|
|
test: /\.svg$/i,
|
|
|
|
issuer: /\.[jt]sx?$/,
|
|
|
|
resourceQuery: { not: /url/ }, // exclude if *.svg?url
|
|
|
|
use: [
|
|
|
|
{
|
|
|
|
loader: '@svgr/webpack',
|
|
|
|
options: { icon: true, exportType: 'named', typescript: true }
|
|
|
|
}
|
|
|
|
]
|
|
|
|
}
|
|
|
|
);
|
|
|
|
|
|
|
|
// Modify the file loader rule to ignore *.svg, since we have it handled now.
|
|
|
|
fileLoaderRule.exclude = /\.svg$/i;
|
|
|
|
|
|
|
|
return config;
|
|
|
|
}
|
|
|
|
};
|
|
|
|
|
2023-05-25 04:58:35 +00:00
|
|
|
module.exports = withContentlayer(nextConfig);
|