2024-01-09 07:32:57 +00:00
|
|
|
/** @type {import('next').NextConfig} */
|
2024-02-02 15:41:50 +00:00
|
|
|
|
2024-02-05 13:07:12 +00:00
|
|
|
const path = require("path");
|
2024-02-28 08:25:41 +00:00
|
|
|
const pkg = require("./package.json");
|
2024-02-05 13:07:12 +00:00
|
|
|
|
2024-01-09 16:25:50 +00:00
|
|
|
const nextConfig = {
|
|
|
|
basePath: "/doceditor",
|
2024-02-28 14:31:00 +00:00
|
|
|
output: "standalone",
|
2024-02-02 12:11:04 +00:00
|
|
|
compiler: {
|
|
|
|
styledComponents: true,
|
|
|
|
},
|
2024-02-28 08:25:41 +00:00
|
|
|
generateBuildId: async () => {
|
|
|
|
// This could be anything, using the latest git hash
|
|
|
|
return `${pkg.name} - ${pkg.version} `;
|
|
|
|
},
|
2024-02-22 13:42:20 +00:00
|
|
|
images: {
|
|
|
|
unoptimized: true,
|
|
|
|
},
|
2024-02-07 12:59:08 +00:00
|
|
|
typescript: {
|
|
|
|
// !! WARN !!
|
|
|
|
// Dangerously allow production builds to successfully complete even if
|
|
|
|
// your project has type errors.
|
|
|
|
// !! WARN !!
|
|
|
|
ignoreBuildErrors: true,
|
|
|
|
},
|
2024-01-09 16:25:50 +00:00
|
|
|
logging: {
|
|
|
|
fetches: {
|
|
|
|
fullUrl: true,
|
|
|
|
},
|
|
|
|
},
|
|
|
|
};
|
2024-01-09 07:32:57 +00:00
|
|
|
|
2024-02-01 09:29:00 +00:00
|
|
|
module.exports = {
|
|
|
|
webpack(config) {
|
|
|
|
// Grab the existing rule that handles SVG imports
|
|
|
|
const fileLoaderRule = config.module.rules.find((rule) =>
|
|
|
|
rule.test?.test?.(".svg"),
|
|
|
|
);
|
|
|
|
|
2024-02-05 13:07:12 +00:00
|
|
|
const imageRule = config.module.rules.find(
|
|
|
|
(rule) => rule.loader === "next-image-loader",
|
|
|
|
);
|
|
|
|
imageRule.resourceQuery = {
|
|
|
|
not: [...fileLoaderRule.resourceQuery.not, /url/],
|
|
|
|
};
|
|
|
|
|
2024-02-01 09:29:00 +00:00
|
|
|
config.module.rules.push(
|
|
|
|
// Reapply the existing rule, but only for svg imports ending in ?url
|
|
|
|
{
|
2024-02-02 07:54:30 +00:00
|
|
|
type: "asset/resource",
|
|
|
|
generator: {
|
|
|
|
emit: false,
|
2024-02-05 13:07:12 +00:00
|
|
|
filename: "static/chunks/[path][name][ext]?[hash]",
|
2024-02-02 07:54:30 +00:00
|
|
|
},
|
|
|
|
test: /\.(svg|png|jpe?g|gif|ico|woff2)$/i,
|
2024-02-01 09:29:00 +00:00
|
|
|
resourceQuery: /url/, // *.svg?url
|
|
|
|
},
|
|
|
|
// Convert all other *.svg imports to React components
|
|
|
|
{
|
|
|
|
test: /\.svg$/i,
|
|
|
|
issuer: fileLoaderRule.issuer,
|
|
|
|
resourceQuery: { not: [...fileLoaderRule.resourceQuery.not, /url/] }, // exclude if *.svg?url
|
2024-02-22 13:42:20 +00:00
|
|
|
|
|
|
|
loader: "@svgr/webpack",
|
|
|
|
options: {
|
|
|
|
prettier: false,
|
|
|
|
svgo: true,
|
|
|
|
svgoConfig: {
|
|
|
|
plugins: [
|
|
|
|
{
|
|
|
|
name: "preset-default",
|
|
|
|
params: {
|
|
|
|
overrides: { removeViewBox: false },
|
|
|
|
},
|
|
|
|
},
|
|
|
|
],
|
|
|
|
},
|
|
|
|
titleProp: true,
|
|
|
|
},
|
2024-02-01 09:29:00 +00:00
|
|
|
},
|
|
|
|
);
|
|
|
|
|
|
|
|
// Modify the file loader rule to ignore *.svg, since we have it handled now.
|
|
|
|
fileLoaderRule.exclude = /\.svg$/i;
|
|
|
|
|
|
|
|
return config;
|
|
|
|
},
|
|
|
|
...nextConfig,
|
|
|
|
};
|