db7ae350ec
We now use Marianne font from @gouvfr-lasuite/ui-kit package instead of a versionned local copies. This ensures we always use the latest version of the font. During a build or dev command, Marianne font files are copied from node_modules to the public assets folder. They can stop being versionned.
83 lines
2.2 KiB
JavaScript
83 lines
2.2 KiB
JavaScript
const crypto = require('crypto');
|
|
const path = require('path');
|
|
|
|
const CopyPlugin = require('copy-webpack-plugin');
|
|
const { InjectManifest } = require('workbox-webpack-plugin');
|
|
|
|
const buildId = crypto.randomBytes(256).toString('hex').slice(0, 8);
|
|
|
|
/** @type {import('next').NextConfig} */
|
|
const nextConfig = {
|
|
output: 'export',
|
|
trailingSlash: true,
|
|
images: {
|
|
unoptimized: true,
|
|
},
|
|
compiler: {
|
|
// Enables the styled-components SWC transform
|
|
styledComponents: true,
|
|
},
|
|
generateBuildId: () => buildId,
|
|
env: {
|
|
NEXT_PUBLIC_BUILD_ID: buildId,
|
|
},
|
|
webpack(config, { isServer }) {
|
|
// 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
|
|
{
|
|
test: /\.svg$/i,
|
|
issuer: fileLoaderRule.issuer,
|
|
resourceQuery: { not: [...fileLoaderRule.resourceQuery.not, /url/] }, // exclude if *.svg?url
|
|
use: ['@svgr/webpack'],
|
|
},
|
|
);
|
|
|
|
// Copy necessary fonts from node_modules to public directory during build or dev
|
|
config.plugins.push(
|
|
new CopyPlugin({
|
|
patterns: [
|
|
{
|
|
from: path.resolve(
|
|
__dirname,
|
|
'../../node_modules/@gouvfr-lasuite/ui-kit/dist/assets/fonts/Marianne',
|
|
),
|
|
to: path.resolve(__dirname, 'public/assets/fonts/Marianne'),
|
|
},
|
|
],
|
|
}),
|
|
);
|
|
|
|
if (!isServer && process.env.NEXT_PUBLIC_SW_DEACTIVATED !== 'true') {
|
|
config.plugins.push(
|
|
new InjectManifest({
|
|
swSrc: './src/features/service-worker/service-worker.ts',
|
|
swDest: '../public/service-worker.js',
|
|
include: [
|
|
({ asset }) => {
|
|
return !!asset.name.match(/.*(static).*/);
|
|
},
|
|
],
|
|
}),
|
|
);
|
|
}
|
|
|
|
// Modify the file loader rule to ignore *.svg, since we have it handled now.
|
|
fileLoaderRule.exclude = /\.svg$/i;
|
|
|
|
return config;
|
|
},
|
|
};
|
|
|
|
module.exports = nextConfig;
|